Atributos step, patern, placeholder y required / Formularios HTML5

Estos son atributos de contenido incluidos en HTML5 para el elemento “input” que pueden ser utilizados en formularios HTML5.

• ·         step: este atributo especifica los intervalos numéricos válidos para un elemento <input>.

Puede ser usado junto con los atributos “max” y “min” para crear un rango cerrado de valores válidos de un campo.

El atributo “step” funciona con los tipos de <input>: number, range, date, datetime, datetime-local, month, time y week.

• ·         pattern: permite validar un elemento < input> en base a una expresión regular  (RegEx). Las expresiones regulares son modelos o patrones que describen las combinaciones de caracteres que se pueden introducir en el campo de texto (las que se tomarían como correctas).

Pattern funciona con los tipos de <input>: text, search, url, tel, email, y password.

• ·         placeholder:  permite que se muestre una pista o ejemplo de lo que el usuario debe introducir en el campo de entrada, ya sea mediante un valor representativo o mediante una descripción corta del formato esperado en el campo.

Placeholder funciona con los tipos de <input>: text, search, url, tel, email, y password.

• ·         required: es un atributo booleano que, cuando está presente, especifica que el input que lo contiene debe ser rellenado por el usuario antes de enviar el formulario. Es el clásico campo obligatorio, que suele marcarse con un asterisco o con color rojo.

Required funciona con los tipos de input: text, search, url, tel, email, date pickers, password, number, checkbox, radio, y file.

Fuente: Activate, Google España