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>