El atributo de patrón HTML <input> se usa para especificar la expresión regular en la que se compara el valor de los elementos de entrada. Este atributo funciona con los siguientes tipos de entrada: texto, contraseña, fecha, búsqueda, correo electrónico, etc. Utilice el atributo de título global para describir el patrón para ayudar al usuario.
Sintaxis:
<input pattern = "regular_exp">
Ejemplo: Este ejemplo ilustra el uso del atributo de patrón en el elemento <input>.
<!DOCTYPE html>
<html>
<head>
<title>
HTML input pattern attribute
</title>
<style>
body {
text-align:center;
}
h1 {
color:green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML <input>pattern attribute</h2>
<form action="#">
Password: <input type="text" name="Password"
pattern="[A-Za-z]{3}" title="Three letter Password">
<input type="submit">
</form>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el atributo de patrón HTML <input> se enumeran a continuación:
- Google Chrome 5.0
- Internet Explorer 10.0
- Firefox 4.0
- Safari 10.1
- Ópera 9.6
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA