HTML5 introduce tipos específicos para validar automáticamente formatos de correo y URL
type="email"
check_circle
Valida formato email
keyboard
Teclado @ en móviles
list
Atributo multiple
type="url"
check_circle
Valida formato URL
keyboard
Teclado .com en móviles
http
Acepta protocolos
code
Ejemplo de código
<label for="correo">Correo electrónico:</label>
<input type="email" id="correo" name="correo" required>
<label for="sitio">Sitio web:</label>
<input type="url" id="sitio" name="sitio" placeholder="https://ejemplo.com">
<input type="email" id="correo" name="correo" required>
<label for="sitio">Sitio web:</label>
<input type="url" id="sitio" name="sitio" placeholder="https://ejemplo.com">
Ejemplo interactivo
Formato válido: [email protected]
Formato válido: https://www.ejemplo.com
Separados por comas
lightbulb
Ventajas
- Validación automática sin JavaScript
- Mejor experiencia en dispositivos móviles
- Accesibilidad mejorada para lectores de pantalla