Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
Todo formulario empieza con <form>, la etiqueta que agrupa los campos y define a dónde y cómo se envían los datos que el usuario escribe.
Explicación
Un formulario básico usa estos elementos:
<form>Contenedor que agrupa todos los campos relacionados.
actionLa dirección a la que se envían los datos cuando se completa el formulario.
method="post"Envía los datos ocultos en el cuerpo de la petición (en vez de en la URL, como hace "get").
<label for="...">Etiqueta de texto asociada al id de un input, para accesibilidad y para poder hacer clic en ella.
Reto rápido
Este input no tiene un <label> asociado. Agrégale uno con for="correo", enlazado al id del input.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Al asociar <label for="nombre"> con <input id="nombre">, puedes hacer clic en el texto de la etiqueta y el cursor salta directo al campo.
Dato extra
Si no defines method, el navegador usa "get" por defecto, lo que hace visibles los datos en la URL — nunca uses "get" para contraseñas u otra información sensible.
Error común
No asociar un <label> con su input mediante for/id: un lector de pantalla no anuncia qué representa el campo, y el usuario no puede hacer clic en el texto para enfocarlo.
Siguiente paso
Ya sabes agrupar y enviar un formulario. Ahora conoce los distintos tipos de campo que puedes usar dentro de él.
Ir a la siguiente lección