Truco HTML5: La propiedad Placeholder

HTML5 está lleno de novedades interesantes y quizás una de las que más tiempo nos puede ahorrar de tocar Javascript es Placeholder, una propiedad que nos permite poner una cadena en una caja de texto que desaparecerá cuando la caja tenga el foco.

Por ejemplo, para poner lo mismo que os he puesto yo en la imagen deberíais hacer algo así:

<input type=”text” placeholder=”Escribe aquí tu nombre” size=”30″ />

<input type=”text” placeholder=”Escribe aquí tu email” size=”30″ />

<textarea placeholder=”Escribe aquí tu nombre” rows=”7″ />

Es obvio que únicamente funciona en HTML5, pero la verdad es que es una propiedad genial y desconocida para la mayoría.


Un comentario

  1.   Leslie España dijo

    Es cierto, una propiedad excelente y desconocida :)

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *