Manual de referencia HTML

Todo el catálogo de etiquetas HTML

Atributo pattern <input> en HTML

Este artículo describe cómo usar el atributo pattern del input HTML, ejemplos en línea, compatibilidad del navegador, definición de la sintaxis y detalles de los valores de las propiedades.

　HTML <input> etiqueta

Ejemplo en línea

Un formulario HTML que permite solo tres letras en el campo de entrada (no puede contener números o caracteres especiales):

Ejemplo

<!DOCTYPE　html>
<html>
<head>
<title>HTML: atributo pattern <input>　-　sitio web de tutorial básico (oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　país/código de región: <input　type="text"　name="country_code"　pattern="[A-Za-z}{3")" title="3un país de 3 letras/código de región">
　　<input　type="submit">
</form>
</html>

Probarlo ‹/›

兼容性 del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera y Chrome admiten la propiedad pattern.

Nota:Safari o Internet Explorer 9 y versiones anteriores no admiten la propiedad pattern del etiqueta <input>.

Definición y uso

La propiedad pattern especifica una expresión regular que se verificará el valor del elemento <input> al enviar el formulario.

Nota:La propiedad pattern es aplicable a los tipos de entrada: text, search, url, tel, email y password.

Consejo:Utiliza el atributo global title usar el atributo

Consejo:Puedes aprender más sobre en nuestra guía de JavaScript Expresiones regulares conocimiento.

HTML 4.01 y HTML5diferencias entre

La propiedad pattern es un atributo de HTML5 nuevo atributo añadido en

Sintaxis

<input pattern="regexp">

Valor de atributo

Valor	Descripción
regexp	Define una expresión regular para validar el valor del elemento <input>.

　HTML <input> etiqueta

HTML: <template> etiqueta