HTML forms.

1. HTML
formularios

2. formularios
• Constan de dos partes
• Una frontal que es la que vamos a desarrollar en el Frontend
• Los formularios están hechos de botones, campos de entrada, menús
desplegables y controles como casillas de verificacion y multiple opcion.
• Un script en el servidor que procesa la información ingresada. Se
desarrolla en el Backend

3. Formulario interactivo
<form>
Es el contenedor de todo el formulario
</form>
Para enviar informacion al backend se utilizan los atributos:
<form action="registro.html" method="post"> </form>
Esta informacion la recibimos de equipo que desarrolla el backend

4. Objetivo
Recolectar información del usuario

5. Ejemplo basico
<form>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre">
<input type="submit" value="Enviar">
</form>
El campo de texto tiene un "label" asociado, cuando un usuario hace clic en
el "label", el cursor se coloca dentro del campo de texto correspondiente.
El atributo "name" es necesario para que el campo sea enviado junto con el
formulario cuando se hace clic en el botón "enviar".

6. <form action="submit-form.php"method="post">
<label for="nombre">Nombre:</label>
<input type="text"id="nombre"name="nombre"required>
<label for="email">Email:</label>
<input type="email"id="email" name="email" required>
<label for="edad">Edad:</label>
<input type="number"id="edad" name="edad" min="18"max="100" required>
<label for="genero">Género:</label>
<select id="genero"name="genero" required>
<option value="">Seleccionauna opción</option>
<option value="hombre">Hombre</option>
<option value="mujer">Mujer</option>
<option value="otro">Otro</option>
</select>
<label for="intereses">Intereses:</label>
<input type="checkbox"id="intereses"name="intereses[]" value="tecnologia">Tecnología
<input type="checkbox"id="intereses"name="intereses[]" value="deportes">Deportes
<input type="checkbox"id="intereses"name="intereses[]" value="arte"> Arte
<input type="checkbox"id="intereses"name="intereses[]" value="viajes">Viajes
<label for="mensaje">Mensaje:</label>
<textarea id="mensaje" name="mensaje"></textarea>
<input type="submit"value="Enviar">
</form>