Capitulo 10 ➜ Formularios

Crear formulario html. Recopilar datos ingresados por un formulario.

 Se utiliza un formulario HTML para recopilar datos ingresados por el usuario.

Utilizamos la etiqueta

Formulario

Usuario:
Contraseña:
Nombres:
Apellidos:

¿Eres mayor de edad?

Si No

¿Qué equipos/dispositivos tienes?

Los formularios en HTML son elementos esenciales para recopilar datos e interactuar con los visitantes de un sitio web. Aquí tienes una introducción a cómo crear formularios en HTML:

Elemento <form>: El elemento principal que define un formulario en HTML es <form>. Este elemento se utiliza para agrupar y organizar los campos del formulario. El atributo action se utiliza para especificar la URL a la que se enviarán los datos del formulario cuando se envía.

<form action="procesar.php" method="post">
  <!-- Campos del formulario se agregan aquí -->
</form>

• action: La URL a la que se enviarán los datos del formulario.
• method: El método HTTP que se utilizará para enviar los datos (por lo general, "GET" o "POST").

Elemento <input>: El elemento <input> se utiliza para crear campos de entrada en un formulario. Puedes usar diferentes tipos de entrada, como texto, contraseña, radio, casilla de verificación, etc. El atributo type especifica el tipo de campo de entrada.

<input type="text" name="nombre" placeholder="Nombre">
<input type="password" name="contrasena" placeholder="Contraseña">
<input type="radio" name="genero" value="masculino"> Masculino
<input type="radio" name="genero" value="femenino"> Femenino
<input type="checkbox" name="suscripcion" value="si"> Suscribirse al boletín

• type: El tipo de campo de entrada (texto, contraseña, radio, casilla de verificación, etc.).
• name: El nombre del campo de entrada que se utilizará para identificar el dato enviado.
• value: El valor predeterminado o el valor enviado al servidor cuando se selecciona el campo.

Elemento <textarea>: El elemento <textarea> se utiliza para crear áreas de texto multilínea en un formulario.

<textarea name="comentarios" rows="4" cols="50">Escribe tus comentarios aquí</textarea>

Elemento <select> y <option>: Estos elementos se utilizan para crear listas desplegables en un formulario.

<select name="ciudad">
  <option value="ny">Nueva York</option>
  <option value="la">Los Ángeles</option>
  <option value="chicago">Chicago</option>
</select>

Elemento <button>: El elemento <button> se utiliza para crear botones de envío en un formulario.

<button type="submit">Enviar</button> <button type="reset">Restablecer</button> 

Estos son algunos de los elementos fundamentales para crear formularios en HTML. También puedes utilizar atributos como required para requerir que se complete un campo y placeholder para proporcionar pistas de lo que se espera en un campo. El manejo y procesamiento de los datos del formulario generalmente se realiza en el servidor, utilizando un lenguaje de programación como PHP, Python o JavaScript.