Comment prépopuler les champs de texte d'entrée avec l'invite de texte qui disparaît sur la dactylographie (jQuery)

Bien que je ne sais pas comment le faire dans jQuery, il est assez simple de le faire directement avec JavaScript. Il suffit d'attribuer une fonction qui efface le champ de texte sur la propriété OnClick du champ, comme:

function clear()
{
    document.getElementById("textID").value = "";
}

<input type="text" value="whats your programming question" id="txt"/>


$(document).ready(function(){
    $('#txt').click(function(){
          this.value = '';
          this.style.color = 'black';
    }).blur(function(){
      if ( this.value == '')
          this.value = 'whats your programming question';
           this.style.color = 'lightgray';
    });
});

Le moyen le plus simple d'y parvenir est avec l'attribut HTML (BEST HTML5) 'S CODE> Attribut CODE>:

$(document).ready(
    function(){
        $('input:text').each(
            function(){
                $(this)
                    .val($(this).attr('placeholder'))
                    .css('color','#999');
                $(this).click(
                    function(){
                        $(this)
                            .val('')
                            .css('color','#000');
                    });
                $(this).blur(
                    function(){
                        if ($(this).val() === ''){
                            $(this)
                                .val($(this).attr('placeholder'))
                                .css('color','#999');
                        }
                    });
            });
    });