Damián De Luca - Capacitación & Desarrollo Web

Uso del atributo placeholder en formularios HTML5

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.

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

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

Es soportado por la mayoría de los navegadores que admiten características de formulario HTML5. Para lograr compatibilidad total es recomendable recurrir a programación JavaScript o a plugins, como por ejemplo de jQuery.

Salir de la versión móvil