domingo, 15 de septiembre de 2013

Texto como PLACEHOLDER

Placeholder es un nuevo atributo que se utiliza dentro de los campos input. Sirve para mostrar un texto dentro del input siempre y cuando el campo esté vacío o no esté señalado. En cuanto se haga clic dentro del campo (o se llegue por el TAB), el texto desaparecerá.
Seguramente ha visto la propiedad Placeholder antes. Por ejemplo, Mozilla Firefox 3.5 incluye textos placeholder en la barra de localización.


Cuando se hace clic sobre la barra de búsqueda o se llega por un tab, el texto preestablecido desaparece.


Irónicamente Firefox no da soporte a esta propiedad, al igual que IE y Opera, solo es compatible (a día de hoy) con Safari y Chrome. Aquellos navegadores que no soporten placeholder simplemente lo ignorarán y no mostrarán nada. 
Aquí hay un ejemplo de cómo se puede incluir placeholder en un formulario:

Código:
<form>
<input placeholder="Buscar en la base de datos">
<input value="Buscar">
</form>

No hay comentarios:

Publicar un comentario