Quel plugin jQuery dois-je utiliser pour un "espace réservé"?

Question

Sur le web, la plupart des sites ont un champ de recherche. Certains de ces champs de recherche ont une recherche ... texte d'espace réservé qui, lorsque le curseur est positionné dans la zone de recherche, ce texte apparaissait. Est-ce fait avec jQuery? Si oui, comment puis-je l'utiliser?

Answer 1

Pas besoin d'un plugin pour cela.

Vous devez lier le .focus() et .blur() états de la zone d'entrée

sur mise au point() vous désactivez la zone de texte, sur le flou() si rien n'entrez retourner la valeur par défaut

Vérifiez cette démo.

http://jsfiddle.net/QvPCX/

HTML

<input type="text" name="search" id="search" value="Search.." /> 

JS

jQuery('input[name="search"]').focus(function() { 
     if (jQuery(this).val() == "Search..") { 
      jQuery(this).val(''); 
     } 
    }).blur(function() { 
     if (jQuery(this).val() == "") { 
      jQuery(this).val('Search..'); 
     } 
    }); 

Answer 2

Cette fonction peut être appelé HTML5 espace réservé. Il ne nécessite pas JavaScript (see proof). Cela fonctionne comme cela:

<input type="text" placeholder="search" name="search" /> 

Vous pouvez également utiliser une extension répertoriée par exemple. here.

Answer 3

Il existe un nouvel attribut placeholder dans HTML5 qui prend en charge cette propriété. Si vous ne pouvez pas utiliser HTML5 pour une raison quelconque, il existe une solution de remplacement jquery disponible ici: http://www.hagenburger.net/BLOG/HTML5-Input-Placeholder-Fix-With-jQuery.html