Skip to main content
    <!DOCTYPE html>
<html lang="es" dir="ltr">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/estilos.css">
    <title>Formulario</title>
</head>

<body>
    <h1>Formulario</h1>
    <form action="no_existe.html" method="get">
        <fieldset>
            <legend>Datos</legend>
            Nombre y apellido (máximo 20 caracteres)
            <!-- Caja de texto -->
            <input type="text" placeholder="Ingrese su nombre" maxlength="20" required>
            <br> Género
            <!-- Radio (Por lo general se usa cuando sólo podes elegir uno) -->
            <input type="radio" name="Género" value="Masculino"> Masculino
            <input type="radio" name="Género" value="Femenino"> Femenino
            <br>
            <!-- Input email -->
            Correo
            <input type="email" placeholder="Email" required>
            <br>
            <!-- Input comentarios -->
            Comentarios:
            <textarea rows="5" cols="30" placeholder="Ingrese los comentarios"></textarea>
            <br>
            <fieldset>
        <legend><input        <legend>
                    <input type="checkbox" id="myCheck" onclick="myFunction()">Desea ampliar información?</legend>
                <p id="text" style="display:none">
                    Elija horario preferido de reunión
                    <select id="Select" name="Elija horario preferido de reunion">
                        <option value="1">Matutino</option>
                        <option value="2">Mediodia</option>
                        <option value="3">Tarde</option>
                        <option value="4">Nocturno</option>
                    </select>
                    <br> Seleccione fecha para contactar
                    <input type="date">
                    <br> Semana para contactar
                    <input type="week">
                </p>


                <script>
                    function myFunction() {
                        var checkBox = document.getElementById("myCheck");
                        var text = document.getElementById("text");
                        if (checkBox.checked == true) {
                            text.style.display = "block";
                        } else {
                            text.style.display = "none";
                        }
                    }
                </script>
            </fieldset>

            <input type="submit" class="button" name="enviar" onclick="hizoClick(); " value="Enviar">

            <input type="reset" class="button" name="enviar" value="Reset">



        </fieldset>

        <script>
            function hizoClick() {
                alert("Enviado");
            }
        </script>

        </fieldset>
    </form>
</body>

</html>
    <!DOCTYPE html>
<html lang="es" dir="ltr">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="./css/estilos.css">
  <title>Formulario</title>
</head>

<body>
  <h1>Formulario</h1>
  <form action="no_existe.html" method="get">
    <fieldset>
      <legend>Datos</legend>
      Nombre y apellido (máximo 20 caracteres)
      <!-- Caja de texto -->
      <input type="text" placeholder="Ingrese su nombre" maxlength="20" required>
      <br> Género
      <!-- Radio (Por lo general se usa cuando sólo podes elegir uno) -->
      <input type="radio" name="Género" value="Masculino"> Masculino
      <input type="radio" name="Género" value="Femenino"> Femenino
      <br>
      <!-- Input email -->
      Correo <input type="email" placeholder="Email" required>
      <br>
      <!-- Input comentarios -->
      Comentarios:
      <textarea rows="5" cols="30" placeholder="Ingrese los comentarios"></textarea>
      <br>
      <fieldset>
        <legend><input type="checkbox" id="myCheck" onclick="myFunction()">Desea ampliar información?</legend>
        <p id="text" style="display:none">
          Elija horario preferido de reunión
          <select id="Select" name="Elija horario preferido de reunion">
             <option value="1">Matutino</option>
             <option value="2">Mediodia</option>
             <option value="3">Tarde</option>
             <option value="4">Nocturno</option>
           </select>
          <br> Seleccione fecha para contactar
          <input type="date">
          <br> Semana para contactar <input type="week">
        </p>


        <script>
          function myFunction() {
            var checkBox = document.getElementById("myCheck");
            var text = document.getElementById("text");
            if (checkBox.checked == true) {
              text.style.display = "block";
            } else {
              text.style.display = "none";
            }
          }
        </script>
      </fieldset>

      <input type="submit" class="button" name="enviar" onclick="hizoClick(); " value="Enviar">

      <input type="reset" class="button" name="enviar" value="Reset">



    </fieldset>

    <script>
      function hizoClick() {
        alert("Enviado");
      }
    </script>

    </fieldset>
  </form>
</body>

</html>
<!DOCTYPE html>
<html lang="es" dir="ltr">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" href="./css/estilos.css">
    <title>Formulario</title>
</head>

<body>
    <h1>Formulario</h1>
    <form action="no_existe.html" method="get">
        <fieldset>
            <legend>Datos</legend>
            Nombre y apellido (máximo 20 caracteres)
            <!-- Caja de texto -->
            <input type="text" placeholder="Ingrese su nombre" maxlength="20" required>
            <br> Género
            <!-- Radio (Por lo general se usa cuando sólo podes elegir uno) -->
            <input type="radio" name="Género" value="Masculino"> Masculino
            <input type="radio" name="Género" value="Femenino"> Femenino
            <br>
            <!-- Input email -->
            Correo
            <input type="email" placeholder="Email" required>
            <br>
            <!-- Input comentarios -->
            Comentarios:
            <textarea rows="5" cols="30" placeholder="Ingrese los comentarios"></textarea>
            <br>
            <fieldset>
                <legend>
                    <input type="checkbox" id="myCheck" onclick="myFunction()">Desea ampliar información?</legend>
                <p id="text" style="display:none">
                    Elija horario preferido de reunión
                    <select id="Select" name="Elija horario preferido de reunion">
                        <option value="1">Matutino</option>
                        <option value="2">Mediodia</option>
                        <option value="3">Tarde</option>
                        <option value="4">Nocturno</option>
                    </select>
                    <br> Seleccione fecha para contactar
                    <input type="date">
                    <br> Semana para contactar
                    <input type="week">
                </p>


                <script>
                    function myFunction() {
                        var checkBox = document.getElementById("myCheck");
                        var text = document.getElementById("text");
                        if (checkBox.checked == true) {
                            text.style.display = "block";
                        } else {
                            text.style.display = "none";
                        }
                    }
                </script>
            </fieldset>

            <input type="submit" class="button" name="enviar" onclick="hizoClick(); " value="Enviar">

            <input type="reset" class="button" name="enviar" value="Reset">



        </fieldset>

        <script>
            function hizoClick() {
                alert("Enviado");
            }
        </script>

        </fieldset>
    </form>
</body>

</html>
Origen Enlace

Al enviar el formulario, indicar si el un input contiene o no la palabra “EXCELENTE” HTML5

Estoy tratando de hacer que cuando el usuario envíe el formulario, indique si un textarea tiene o no la palabra "excelente" dentro de el.

Mi código:

    <!DOCTYPE html>
<html lang="es" dir="ltr">

<head>
  <meta charset="utf-8">
  <link rel="stylesheet" href="./css/estilos.css">
  <title>Formulario</title>
</head>

<body>
  <h1>Formulario</h1>
  <form action="no_existe.html" method="get">
    <fieldset>
      <legend>Datos</legend>
      Nombre y apellido (máximo 20 caracteres)
      <!-- Caja de texto -->
      <input type="text" placeholder="Ingrese su nombre" maxlength="20" required>
      <br> Género
      <!-- Radio (Por lo general se usa cuando sólo podes elegir uno) -->
      <input type="radio" name="Género" value="Masculino"> Masculino
      <input type="radio" name="Género" value="Femenino"> Femenino
      <br>
      <!-- Input email -->
      Correo <input type="email" placeholder="Email" required>
      <br>
      <!-- Input comentarios -->
      Comentarios:
      <textarea rows="5" cols="30" placeholder="Ingrese los comentarios"></textarea>
      <br>
      <fieldset>
        <legend><input type="checkbox" id="myCheck" onclick="myFunction()">Desea ampliar información?</legend>
        <p id="text" style="display:none">
          Elija horario preferido de reunión
          <select id="Select" name="Elija horario preferido de reunion">
             <option value="1">Matutino</option>
             <option value="2">Mediodia</option>
             <option value="3">Tarde</option>
             <option value="4">Nocturno</option>
           </select>
          <br> Seleccione fecha para contactar
          <input type="date">
          <br> Semana para contactar <input type="week">
        </p>


        <script>
          function myFunction() {
            var checkBox = document.getElementById("myCheck");
            var text = document.getElementById("text");
            if (checkBox.checked == true) {
              text.style.display = "block";
            } else {
              text.style.display = "none";
            }
          }
        </script>
      </fieldset>

      <input type="submit" class="button" name="enviar" onclick="hizoClick(); " value="Enviar">

      <input type="reset" class="button" name="enviar" value="Reset">



    </fieldset>

    <script>
      function hizoClick() {
        alert("Enviado");
      }
    </script>

    </fieldset>
  </form>
</body>

</html>