Comment effacer une zone de texte lorsqu'on clique dessus?

Question

J'utilise ce JS pour effacer la zone de texte lorsque l'utilisateur clique dessus, donc cela fonctionne bien et efface toute la zone de texte dans la page, je veux effacer seulement la zone de recherche Recherche .. Comment puis-je faire , Une autre zone de texte ne doit pas être effacée et seule cette zone de texte de recherche doit être effacée lorsque je clique dessus.

<script type="text/javascript"> 
     $(function() { 

      $('input[type=text]').focus(function() { 

       $(this).val('') 
      }); 

     }); 
    </script> 

Et une autre question.

J'ai un panneau avec quelques zone de texte, comment puis-je mettre l'accent sur une zone de texte particulier

<asp:TextBox ID="txt_Name" runat="server" /> 

Answer 1

Je pense que ce ne est pas la meilleure idée d'utiliser id valeurs depuis .net pourrait changer la valeur id dans l'exécution

eg MainContent_txt_Name 

vous pouvez faire quelque chose comme ça

<asp:TextBox ID="txt_Name" CssClass="myText" runat="server" /> 

<script type="text/javascript"> 
     $(document).ready(function() {  
      $('.myText').click(function() { 
       $(this).val('') 
      });  
     }); 
</script> 

Answer 2

au lieu de $('input[type=text]') faire $('search-box-id')

Answer 3

Il suffit de sélectionner le TextBox via son ID ou un autre attribut

par exemple

<asp:TextBox id="txt_Search" runat="server" /> 

Puis sélectionnez le TextBox via son ID client unique.

$('#<%=(txt_Search.ClientID)%>').focus(function() { $(this).val(''); }); 

Answer 4

Pour valeur claire - $('#yourTextBox').val('');

mise au point fixe - $('#yourTextBox').focus();

Answer 5

tout ce que vous avez besoin est de spécifier id pour la zone de recherche, essayez d'inspecter votre élément, ou voir la source afin d'obtenir id droit, parce id est généré par des formulaires Web ASP.NET, ou vous pouvez ajouter comme attribut personnalisé rel = "recherche-box"

c'est si javascript

$(document).ready(function() { 
    //for id 
    $('#id_of_text_box').focus(function() { $(this).val('');); 
    //for rel attribute 
    $('input[rel="search-box"]').focus(function() {$(this).val('');); 
}); 

Answer 6

j'irais avec l'attribut DefaultValue HTML5 retombant à cette approche jquery:

http://unwrongest.com/projects/defaultvalue/

Answer 7

Une autre option, descendant un itinéraire légèrement différent, utilise le composant filigrane de la zone de texte JQuery. Cela a déjà été créé pour faire exactement ce que vous demandez et se repeupler quand ils cliquent loin de la zone de texte, mais le backend ne verra jamais la valeur. Vous éviter les tracas de le faire soi-même!

http://code.google.com/p/jquery-watermark/