Elementos de Formularios en HTML: Atributos y Ejemplos Prácticos

Formularios en HTML

Los formularios permiten a los usuarios interactuar con el sitio web e ingresar información estructurada.

1. Lista desplegable (<select>)

Define una lista de opciones desplegables:

<select name="" size="" multiple>

<option value="" selected>Opción</option> (se utiliza el atributo selected para que aparezca seleccionado por defecto).

2. Botón de opción (Radio Button)

Permite seleccionar solo una opción de un conjunto:

(se utiliza el atributo checked para que aparezca marcado por defecto).

3. Casilla de verificación (Checkbox)

Checkbox

4. Enviar archivos

Enviar archivos:

5. Correo electrónico

Correo electrónico:

Ejemplo: [email protected]

6. DNI y Número

DNI:

Número:

7. Lista desplegable de componentes (autocompleta con datalist)

Componentes:

8. Estructura y envío de datos del formulario

Para enviar los datos del formulario: se envía el contenido especificado en el atributo action del formulario.

Para resetear el formulario:

Enviar

Botón oculto:

9. Campos personales

Nombre:

Apellido 1:

Apellido 2:

Año:

Contraseña:

10. Comentarios

Escribe tu comentario:

En un lugar de la Mancha...

11. Fecha

FECHA: