Los formularios en HTML son una de las herramientas más importantes para interactuar con los usuarios de tu sitio web. Ya sea que necesites capturar información de contacto, realizar encuestas o permitir el registro de usuarios, los formularios son esenciales para recolectar datos. En este artículo, aprenderás los conceptos básicos para crear formularios interactivos con HTML.
Un formulario en HTML es un área en una página web donde los usuarios pueden introducir datos. La etiqueta principal que se usa para definir un formulario es <form>. Todo lo que esté dentro de esta etiqueta será parte del formulario. El propósito de un formulario es enviar información a un servidor para que pueda ser procesada.
<form action="/submit-form" method="POST">
<label for="name">Nombre:</label>
<input type="text" id="name" name="name">
<label for="email">Correo Electrónico:</label>
<input type="email" id="email" name="email">
<label for="message">Mensaje:</label>
<textarea id="message" name="message"></textarea>
<button type="submit">Enviar</button>
</form>
<form>: Es la etiqueta que encierra todos los elementos del formulario. El atributo action indica a dónde se enviarán los datos una vez que el usuario lo envíe. El atributo method especifica el método HTTP a utilizar (GET o POST).<label>: Proporciona una etiqueta para los campos del formulario. Al asociar el atributo *for* con el id del campo, mejora la accesibilidad y facilita la navegación por teclado.<input>: Es la etiqueta más común en los formularios. Existen diferentes tipos de <input>, dependiendo del tipo de datos que necesites capturar (texto, correo electrónico, contraseñas, etc.).<textarea>: Se utiliza para campos de texto más extensos, como comentarios o mensajes.<button>: Este botón es el encargado de enviar el formulario cuando se hace clic en él.
HTML ofrece diferentes tipos de campos para capturar distintos tipos de datos. Aquí algunos de los más comunes:
Texto: Captura texto plano.
<input type="text" id="nombre" name="nombre">