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 para JQuery, placeholder en IE

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.

Luis Antonio Gomez Prieto

Luis Antonio Gomez Prieto

Co-founder and Fullstack developer at @wavecodela

8 comentarios en “HTML5 placeholder plugin para JQuery, placeholder en IE

Deja un comentario

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

Cerrar