En este artículo, usaremos el atributo de patrón <input> para establecer el patrón de expresión regular para un campo de entrada que se verificó. 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">
Valor de atributo: el atributo de patrón se utiliza para establecer el patrón de expresión regular que ingresa en el campo de entrada.
Ejemplo: Este ejemplo ilustra el uso del atributo de patrón en el elemento <input>.
HTML
<!DOCTYPE html>
<html>
<head>
<title>
How to specify a regular expression
that an input element's value
is checked against?
</title>
</head>
<body style="text-align: center;">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<h3>
How to specify a regular expression
that an input <br>element's value
is checked against?
</h3>
<form action="#">
Name: <input type="text" name="Password"
pattern="[A-Za-z]{10}"
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