7. Formularios y entradas en HTML

7. Formularios y entradas en HTML

Los formularios son una parte esencial de la interacción de un usuario con una página web. Permiten a los usuarios ingresar datos que pueden enviarse a un servidor para su procesamiento. Los formularios se pueden utilizar para cosas como buscar, iniciar sesión, registrarse y más. En este capítulo, analizaremos cómo crear formularios y utilizar diferentes tipos de entrada en HTML.

Formularios HTML

Los formularios HTML se crean utilizando la etiqueta <form>. El <formulario> actúa como un contenedor para diferentes elementos del formulario, como campos de entrada, botones y más.

<formulario acción="/submit" método="publicación">
  <!-- elementos de formulario aquí -->
</formulario>

El atributo 'acción' en el archivo <form> Especifica dónde se deben enviar los datos del formulario cuando se envía el formulario. El atributo 'método' especifica cómo se deben enviar los datos del formulario. Los métodos más comunes son 'obtener' y 'publicar'.

Entradas en HTML

Los campos de entrada se utilizan para recopilar datos del usuario. Se crean utilizando la etiqueta <input>. Hay muchos tipos diferentes de campos de entrada que se pueden utilizar, según el tipo de datos que desee recopilar.

Texto

Para recopilar una sola línea de texto, puede utilizar el tipo de entrada 'texto'.

<tipo de entrada="texto" nombre="nombre" id="nombre">

El atributo 'nombre' se utiliza para identificar el campo de entrada cuando se envían datos. El atributo 'id' se utiliza para identificar el campo de entrada en CSS y JavaScript.

Contraseña

Para recopilar una contraseña, puede utilizar el tipo de entrada 'contraseña'. Esto oculta los caracteres a medida que se escriben.

<tipo de entrada="contraseña" nombre="contraseña" id="contraseña">

Correo electrónico

Para recopilar una dirección de correo electrónico, puede utilizar el tipo de entrada 'correo electrónico'. Esto valida automáticamente el campo para garantizar que se ingrese una dirección de correo electrónico válida.

<tipo de entrada="correo electrónico" nombre="correo electrónico" id="correo electrónico">

Botones

Los botones se utilizan para enviar el formulario. Se crean usando el botón <botón> o la opción <entrada> con el tipo configurado en 'enviar'.

<tipo de botón="enviar">Enviar</botón>
<tipo de entrada="enviar" valor="Enviar">

Otros tipos de entrada

Hay muchos otros tipos de entrada que puedes usar, incluidos 'radio', 'casilla de verificación', 'archivo', 'fecha', 'color' y más. Cada tipo tiene sus propias características y usos específicos.

Conclusión

Los formularios y campos de entrada son una parte esencial de la creación de sitios web interactivos. Le permiten recopilar datos del usuario y enviarlos a un servidor para su procesamiento. Al comprender cómo utilizar diferentes tipos de campos de entrada, podrá crear formularios más eficientes y efectivos que satisfagan las necesidades de sus usuarios.

Practique la creación de diferentes tipos de formularios y el uso de diferentes tipos de entrada. Experimente con diferentes atributos y vea cómo afectan el comportamiento de su formulario. Recuerda, ¡la mejor manera de aprender es haciendo!

Siguiente página del libro electrónico gratuito:

43Introducción a CSS: selectores, propiedades y valores

2 minutos