Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL, AMP y htaccess


Placeholder HTML5: Un atributo para inputs de formularios

Empiezo con el atributo placeholder HTML5 el apartado de nuevos atributos tras haber hablado de todos los nuevos inputs HTML5.

Este nuevo atributo permite al usuario ver una especie de leyenda o label dentro del input. Cuando el usuario comience a escribir sobre él este placeholder desaparecerá. Es muy útil para guiar al usuario sobre el tipo de contenido a rellenar en el formulario.

Sintaxis de placeholder HTML5

Insertar el atributo placeholder en un input es muy sencillo, os pongo su sintaxis básica extraída de su web oficial en la  W3C.

En la imagen inferior podemos ver un ejemplo.

placeholder html5Es compatible con los siguientes tipos de input:

La ultilización de placeholder es totálmente compatible son el uso de leyendas y labels

Ejemplo del atributo placeholder HTML5

Vamos a ver el funcionamiento de este atributo en el siguiente ejemplo:

El código fuente del ejemplo no tiene mucho misterio, es el mismo que el que puse en la sintaxis pero insertado en un formulario.

Listado de los nuevos atributos HTML5

En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.

Listado de los nuevos input HTML5

En esta url tenéis el listado completo de los nuevos input de HTML5.

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies

Centro de preferencias de privacidad

Cookies imprescindibles

para medir la audiencia

ga,gdpr