Atributos input

INPUT

Atributos

PHD. XAVIER SIERRA

02

01

03

PLACEHOLDER

REQUIRED

MULTIPLE

02

01

03

AUTOFOCUS

PATTERN

FORM

el gran libro de HTML5, CSS3 y Javascript

Placeholder

Home

PLACEHOLDER

Representa una sugerencia corta, una palabra o frase provista para ayudar al usuario a ingresar la información correcta. El valor de este atributo es presentado en pantalla por los navegadores dentro del campo, como una marca de agua que desaparece cuando el elemento es enfocado.

+ EJEMPLO

Multiple

Placeholder

required

Este atributo booleano no dejará que el formulario sea enviado si el campo se encuentra vacío. Cuando el atributo required es incluido, la entrada será válida sólo si se cumplen las dos condiciones: que el campo no esté vacío y que el valor ingresado esté de acuerdo con los requisitos del tipo de campo.

+ EJEMPLO

Autofocus

Required

MULTIPLE

Es otro atributo booleano que puede ser usado en algunos tipos de campo (por ejemplo, email o file) para permitir el ingreso de entradas múltiples en el mismo campo. Los valores insertados deben estar separados por coma para ser válidos.

+ EJEMPLo

Pattern

Multiple

autofocus

Enfocará la página web sobre el elemento seleccionado, pero considerando la situación actual. No moverá el foco cuando ya haya sido establecido por el usuario sobre otro elemento.

+ ejemplo

Form

Autofocus

PATTERN

Usado para propósitos de validación. Algunos de los tipos de campo ya estudiados validan cadenas de texto específicas, pero este atributo usa expresiones regulares para personalizar reglas de validación. Puede incluso incluir un atributo title para personalizar mensajes de error.

+ EJEMPLO

Pattern

FOrm

Permite declarar elementos para un formulario fuera del ámbito de las etiquetas <form>. En HTML5 podemos insertar los elementos en cualquier parte del código y luego hacer referencia al formulario que pertenecen usando su nombre y el atributo form.