Es grandioso tener muchas de las cosas que hacíamos en Javascript ya implementadas en los campos input listas solo para ser usadas, tal es el caso del placeholder, ese efecto de tener un texto opaco dentro que al clickear se quita, pero ¿que pasa con los navegadores viejos si HTML5 no es compatible?, para eso tenemos a JQuery que nos ha facilitado la vida y claro sus plugins tambien.
HTML5 placeholder plugin, es un plugin para JQuery que nos permite recrear el Placeholder de HTML5 en navegadores viejos y en especial IE, todo esto gracias a Ben Alman el desarrollador del plugin.
¿Como lo uso?
Es muy fácil, gracias a los selectores en JQuery, podemos aplicarlo solo a campos input con este atributo:
$('input[placeholder]').placeholder();
ó
$(':input[placeholder]').placeholder();
Esto, es relativamente sencillo de implementar, solo le decimos a JQuery que aplique la función placeholder a los campos Input que tengan como atributo Placeholder y listo. Este plugin tambien permite otras cosas como cambiar el color del texto por defecto.
$('input[placeholder]').placeholder({ color: '#bada55' });
Es muy sencillo, no requiere mucho tiempo o esfuerzo y claro el html es:
<input type="text" placeholder="username">
Para descargarlo simplemente en Github github.com/miketaylr/jQuery-html5-placeholder y el ejemplo aqui.
Agradecemos a @sirhcle por compartir esta información con nosotros.
ya lo probe y no me ha funcionado en ie8 no se que estare haciendo mal. la web que estoy haciendo esta en HTML5,CSS3 y algo de jquery y agregue este plugin pero no me funciona puedes darle una checada para ver que seria ?
http://www.detodopcs.com/theamerican/index.html#
saludos 🙂
Puedes intentar ponerlo en el Document Rady o quitarle los “:”.
Gracias ya hice lo que me dijiste y no me funciono 🙁 voy a intentar de otra forma.
Intenta revisar que algún otro plugin no interfiera.
Funciono perfecto, muchas gracias.
Hola que tal, me funciona a la perfección con ie7 y 8. En el 9 no me funciona =( cual podra ser el problema???? Saludos!!!
Puede ser el soporte del plugin, en IE9 ya tienes soporte de HTML5 y puedes usar el atributo "placeholder".
Hola que tal..
Yo también tengo IE8 y funciona a la perfección..