De la mano de HTML5 se han agregado etiquetas al estándar y también nuevas características que modifican a las existentes. Dentro de este panorama, debemos saber que también hay cambios y novedades dentro de los atributos que soportan las etiquetas.

El atributo placeholder es seguramente uno de los más útiles y sencillos de aplicar en lo que se refiere a formularios HTML5. Se puede aplicar tanto a elementos input, como también a los textarea. ¿Cuál es su función? Es muy sencilla, muestra un texto temporal (por lo general en color) gris, dentro del campo en el cual se incluye el atributo.

El atributo placeholder de HTML5 en un ejemplo

A continuación veremos un ejemplo de como se implementa:

<input type="text" name="ciudad" placeholder="Escribe tu ciudad" />

En la actualidad es una característica soportada por la mayoría de los navegadores que admiten características de formulario HTML5. En caso de requerir mayor grado de compatibilidad con navegadores antiguos, se pueden requerir técnicas vinculadas con JavaScript.

Consideraciones finales

Como pudimos ver en este artículo, el uso del atributo placeholder es muy sencillo. Su aplicación es muy clara y beneficia a un código legible.

Podemos leer más sobre las características del atributo placeholder de HTML5 y ver tablas de compatibilidad en la documentación de MDN.

Si te interesa aprender más sobre HTML5 dejame un comentario o escribeme un mensaje.