Comment implémenter le texte de l'espace réservé sur les éléments d'entrée en utilisant jQuery?

Comment puis-je implémenter un texte d'avis jquery sur les entrées?

<input class="question_box" title="hint text"> 

Merci :))

Le premier résultat de Google pour " jquery hint text " est ce plugin , qui ressemble à ce que vous voulez.

 $('.question_box').hint(); 

HTML5 introduit l'attribut d' placeholder sur les zones de texte. Lisez ici: http://www.w3.org/TR/html5/common-input-element-attributes.html#attr-input-placeholder

Démo en direct: http://jsfiddle.net/simevidas/8mTLY/

Ceci fonctionne actuellement dans Chrome, Safari et Opera.
Firefox 4 devrait ajouter un support pour cela (confirmation s'il vous plaît).
Malheureusement, il semble que IE9 ne l'ait pas implémenté.

EDIT: ok je n'ai pas compris "texte d'avis", désolé.

 $(function() { $('.question_box').focus(function() { if ($(this).val() == 'Blablabla') $(this).val(''); }); $('.question_box').blur(function() { if($(this).val() == '') $(this).val('Blablabla'); }); } 

Que pensez-vous de l' autocompliement jquery?

En utilisant jQuery 1.5.1 et jQuery UI 1.8.9 , ainsi que le code tooltip de ce qui sera jQ UI 1.9 : http://jsfiddle.net/JAAulde/XpbGh/1/

Edit: On dirait que, comme je publiais, vous avez ajouté des informations sur ce que vous vouliez et ce n'est pas tout à fait ça.

C'est la fonction que j'ai utilisée pour mon projet pour la mise en œuvre du support d'aide ou de l'espace réservé. J'espère que quelqu'un le trouvera utile.

  $(' #chkbx_presentkort').on('change', function() { if($('#chkbx_presentkort').is(':checked')) { $('.lagerstatus #kortet_text').show().val('Skriv din text på kortet').css("color","#666"); console.log("checked"); $('.lagerstatus #kortet_text').focusin(function() { if($('.lagerstatus #kortet_text').val()== 'Skriv din text på kortet') { $('.lagerstatus #kortet_text').val(''); } }); $('.lagerstatus #kortet_text').focusout(function() { if($('.lagerstatus #kortet_text').val() == '') { $('.lagerstatus #kortet_text').val('Skriv din text på kortet').css("color","#666"); } }); } else { $('.lagerstatus #kortet_text').hide(); } }); 

Il existe un plugin jQuery similaire nommé inputHints. Je tire parti de l'attribut placeholder avec javascript pour le navigateur qui ne l'appuie pas encore.

La syntaxe est très similaire au plugin précédemment mentionné, mais celui-ci est disponible sur github, donc tout le monde est libre d'aider. Je l'ai utilisé avec succès.

http://robvolk.com/jquery-form-input-hints-plugin/

https://github.com/robvolk/jQuery.InputHints/

Il me semble que je suis un peu en retard, mais vous pouvez simplement utiliser l'espace réservé de l'attribut dans votre élément de saisie. Il a été ajouté depuis quelque temps maintenant!

Voici la syntaxe:

 <input placeholder="text">