Curso de HTML
Construye la estructura de la web.
Aprende cada etiqueta con ejemplos interactivos y crea proyectos reales.
El navegador puede validar un formulario sin necesidad de JavaScript: campos obligatorios, longitud mínima y hasta patrones con expresiones regulares.
Explicación
Estos atributos activan la validación nativa del navegador, sin JavaScript:
requiredEl campo debe completarse antes de poder enviar el formulario.
minlength="N" / maxlength="N"Exige un mínimo o máximo de caracteres.
pattern="..."Exige que el valor coincida con una expresión regular.
placeholderTexto de ejemplo dentro del campo. No es un valor real ni reemplaza a un <label>.
Reto rápido
Este campo de contraseña no exige nada. Agrégale required y minlength="8".
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
La validación nativa del navegador es un buen primer nivel, pero en un proyecto real siempre se complementa con validación en el servidor.
Dato extra
Puedes personalizar el mensaje de error de la validación nativa con title="..." en un input que use pattern.
Error común
Usar placeholder como si fuera un <label>: el texto de ejemplo desaparece en cuanto el usuario escribe, y no todos los navegadores lo asocian con accesibilidad como sí lo hace un <label> real.
Siguiente paso
Terminaste el módulo de formularios. El siguiente módulo trata sobre multimedia: cómo incluir audio, video e iframes en tu página.
Ir a la siguiente lección