el cssar
el cssar
Diseño UX, técnicas CSS, accesibilidad y estándares web
Saltar al contenido
  • ¿De qué va el CSSar?

HTML pattern

El attributo pattern de HTML es una herramienta poderosísima que permite validar campos input en base a una REGEX (Expresión Regular) dada.

Es compatible con input type text, tel, mail, url, password y search. Si se especifica, el valor de pattern será usado para validar el valor del input en lugar de la sintaxis por defecto de dichos input types.

La REGEX deberá concidir en su totalidad con el valor del input para que la propiedad patternMismatch sea falsa, y por tanto, válido. Si se especifica pero el valor está ausente, es una cadena vacía o inválida, no se aplicará. Sin embargo, si no se da valor al atributo, ése se entenderá como una cadena vacía, y paradójicamente, cualquier valor del input difetente a ese, no validará.

Hay 4 puestos etiquetados HTML pattern (esta es la página 1 de 1).

Input type number html

Todo lo que necesitas saber de input type number de HTML5 para crear tu propio componente multinavegador de forma fácil usando estándares.

Continue leyendo →
en HTML5 | abril 11, 2025 | 2,978 Palabras | Comentario

Validación de listas de e-mails con input email y multiple o e-mail REGEX

Aprende a crear tu cliente de envío de e-mails con HTML5 input type email y atributos multiple y pattern combinado con una expresión regular para listas de correo.

Continue leyendo →
en HTML5 | mayo 25, 2023 | 795 Palabras | Comentario

Input type url REGEX pattern

En este artículo vamos a ver cómo mejorar la validación HTML5 de un input type URL mediante el atributo pattern y expresiones regulares (REGEX).

Continue leyendo →
en HTML5 | marzo 7, 2022 | 1,652 Palabras | 2 comentarios

Input type email REGEX pattern

Aprende dos formas de validación HTML5 de un campo de correo electrónico usando las reglas nativas o el atributo pattern.

Continue leyendo →
en HTML5 | diciembre 26, 2020 | 2,114 Palabras | 9 comentarios

Subscríbete al boletín

Etiquetas

accesibilidad buscador compartir contacto CSS CSS3 css columns código estructural diseño e-mail email enlace float formularios HTML funciones CSS href HTML HTML pattern inputmode input type jQuery link marcado semántico morfismo pattern pseudo-clases CSS REGEX responsive scrollbar selectores CSS share slider bar tabla HTML Telegram UCD URL usabilidad validación validación HTML5 web 3.0 web semántica whatsapp xhtml
Independent Publisher potencializado por WordPress

elcssar.com es una obra de Daniel Fernando Abril Franco licenciada como CC BY-NC-ND 4.0