regex
¿Qué es pattern?
Permite definir una expresión regular que el valor del campo debe cumplir antes de enviar el formulario
mail
Código postal
[0-9]{5} - 5 dígitos numéricos
phone
Teléfono
[0-9]{9} - 9 dígitos numéricos
credit_card
Tarjeta de crédito
[0-9]{16} - 16 dígitos numéricos
person
DNI español
[0-9]{8}[A-Z] - 8 números + letra
code
Sintaxis básica
<input type="text" name="cp" pattern="[0-9]{5}" title="Formato: 5 dígitos">
<input type="tel" name="telefono" pattern="[0-9]{9}" title="Formato: 9 dígitos">
<input type="text" name="dni" pattern="[0-9]{8}[A-Z]" title="Formato: 8 números + letra">
<input type="tel" name="telefono" pattern="[0-9]{9}" title="Formato: 9 dígitos">
<input type="text" name="dni" pattern="[0-9]{8}[A-Z]" title="Formato: 8 números + letra">
visibility
Ejemplos visuales
tips_and_updates
Recomendación
Combina pattern con title para proporcionar instrucciones claras al usuario sobre el formato esperado