HTML | Atributo de patrón

Este atributo se utiliza para especificar la expresión regular en la que se comprueba el valor del elemento 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">

Elemento: este atributo está asociado con el elemento <input> únicamente.

Atributo: este atributo especifica la expresión regular.

Ejemplo:

<!DOCTYPE html>
<html>
    <head>
        <title>pattern attribute</title>
        <style>
            body {
                text-align:center;
            }
            h1 {
                color:green;
            }
        </style>
    </head>
    <body>
        <h1>GeeksforGeeks</h1>
        <h2>pattern attribute</h2>
        <form action="#">
            Password: <input type="text" name="Password"
            pattern="[A-Za-z]{3}" title="3 letter Password">
        <input type="submit">
        </form>
    </body>
</html>                    

Producción:

Navegadores compatibles: los navegadores compatibles con el atributo de patrón se enumeran a continuación:

  • Google Chrome 5.0 y superior
  • Internet Explorer 10.0 y superior
  • Firefox 4.0 y superior
  • Ópera 9.6 y superior

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *