
08/11/2012, 20:22
|
 | Colaborador | | Fecha de Ingreso: junio-2007 Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 17 años, 8 meses Puntos: 1567 | |
Respuesta: Placeholder con modernizr
Código HTML:
Ver original<!doctype html> $(document).ready(function(){ if(!Modernizr.input.placeholder){ $('[placeholder]').focus(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); input.removeClass('placeholder'); } }).blur(function() { var input = $(this); if (input.val() == '' || input.val() == input.attr('placeholder')) { input.addClass('placeholder'); input.val(input.attr('placeholder')); } }).blur(); $('[placeholder]').parents('form').submit(function() { $(this).find('[placeholder]').each(function() { var input = $(this); if (input.val() == input.attr('placeholder')) { input.val(''); } }) }); } }); .placeholder { color: #00486A; } -webkit-input-placeholder { color: #00486A; } -moz-placeholder { color: #00486A; } <p><input type="text" placeholder="Su nombre"></p> <p><input type="text" placeholder="Su email"></p> <p><input type="text" placeholder="Buscar"></p>
__________________ La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R. |