Tutoriales de informática - Abrirllave.com

Abrirllave.com

Ejemplo de formulario con algunos de los controles más utilizados en HTML

Ejemplo explicado en el apartado "Formularios" del tutorial de HTML.

"controles-mas-utilizados-en-formularios.html"

<!DOCTYPE html>
<html lang="es-ES">
  <head>
    <meta charset="utf-8">
    <title>Ejemplo de formulario con algunos de los controles más utilizados</title>
  </head>
  <body>
    <form action="procesar-datos.php" method="post">
      Campo de texto:
      <br>
      <input type="text" name="campo_de_texto">
      <br>
      Lista de selección:
      <br>
      <select name="lista_de_seleccion">
        <option value="opcion1">Opción 1</option>
        <option value="opcion2">Opción 2</option>
        <option value="opcion3">Opción 3</option>
      </select>
      <br>
      Área de texto:
      <br>
      <textarea name="area_de_texto" rows="3" cols="50">En este control del formulario se pueden escribir varias líneas de texto.</textarea>
      <br><br>
      <button type="reset">Resetear</button>
      <button type="submit">Enviar</button>
    </form>
  </body>
</html>

Visualización en pantalla

Visualización del archivo controles-mas-utilizados-en-formularios.html en Google Chrome, donde se ha definido un formulario con elementos button, input, select y textarea.

Practicar el código del ejemplo