Placeholder en todos los navegadores

En formularios en HTML5 se puede poner un atributo llamado Placeholder el cual dará una descripción de lo que se debe de introducir en esa casilla del formulario, por desgracia los navegadores antiguos no leen este atributo y hay que tirar de la magia de JavaScript para resolver este problema. Aquí os dejo un código para que placeholder funcione en todos los navegadores.

<script type="text/javascript">
$('input[placeholder]').each(function(){  
    var input = $(this);        
    $(input).val(input.attr('placeholder'));
                
    $(input).focus(function(){
        if (input.val() == input.attr('placeholder')) {
           input.val('');
        }
    });
        
    $(input).blur(function(){
       if (input.val() == '' || input.val() == input.attr('placeholder')) {
           input.val(input.attr('placeholder'));
       }
    });
});
</script>

publicado en |

0 comentarios:

Publicar un comentario

Entrada más reciente Entrada antigua Página principal

Seguidores

Tira de Humor

Tira Ecol
La Tira Ecol
Pulsa en Ir para verla completa

Podcast

¿Cual es la mejor marca de ordenadores?

Chat Informatica