Definición y Uso
El pattern atributo especifica una expresión regular que el <input> valor del elemento se compara.
Nota: El pattern atributo trabaja con los siguientes tipos de entrada: text, date, search, url, tel, email y password .
Consejo: Utilice el mundial title atributo para describir el patrón para ayudar al usuario.
Consejo: Más información sobre expresiones regulares en nuestro tutorial JavaScript.
Se aplica a
El pattern atributo se puede utilizar en el siguiente elemento:
| Elemento | Atributo |
|---|---|
| <input> | pattern |
Ejemplos
Input Ejemplo
Un formulario HTML con un campo de entrada que puede contener sólo tres letras (no hay números o caracteres especiales):
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
Inténtalo tú mismo " Password Ejemplo
Un <input> elemento con type="password" que debe contener 6 o más caracteres:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Inténtalo tú mismo " Password Ejemplo
Un <input> elemento con type="password" que debe contener 8 o más caracteres que son de por lo menos un número, y una mayúscula y minúscula:
<form action="demo_form.asp">
Password: <input
type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain
at least one number and one uppercase and lowercase letter, and at least 8
or more characters">
<input type="submit">
</form>
Inténtalo tú mismo " Browser Apoyo
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con el atributo.
| Atributo | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | No soportado | 9.6 |