Afficher le texte à l'intérieur d'un champ de texte avec une valeur d'en-tête dynamique

Question

Comment puis-je écrire ceci pour que le texte apparaisse dans le champ de texte (barre de recherche) pendant le chargement de la page?

<input type="text" id="addressInput" value="<%=addressStr%>" onblur="if(this.value=='')this.value='Search a location here';" onfocus="if(this.value=='Search a location here')this.value='';" />

Au moment où le texte ne montre que lorsque vous cliquez dans le champ de texte.

Answer 1

@detonate: Vous pouvez simplement ajouter un peu de la même logique à la valeur ASP il va montrer Search a location here si addressStr est vide:

<input type="text" id="addressInput" value="<% If addressStr = "" Then Response.Write "Search a location here" End If %>" onblur="if(this.value=='')this.value='Search a location here';" onfocus="if(this.value=='Search a location here')this.value='';" /> 

Answer 2

Il semble que vous essayez de configurer un filigrane pour une zone de texte, est-ce exact? Je vais vous renvoyer à un exemple basique de tatouage de zone de texte qui devrait vous donner un exemple et donner à tout le monde une base de code commune pour la discussion, puisque vous n'avez pas inclus beaucoup de code dans votre message: http://www.codeproject.com/KB/aspnet/WatermarkTextBox.aspx

Dans ce document, je vais faire référence à un de ses codeblocks, qui est semblable à celui que vous avez posté:

<td> 
    <asp:TextBox ID="txtUserId" runat="server" 
     onfocus="Focus(this.id,'User ID')" 
     onblur="Blur(this.id,'User ID')" 
     Width="126px" CssClass="WaterMarkedTextBox">User ID</asp:TextBox> 
</td> 

Alors que je me rends compte qu'il a utilisé ASP.NET au lieu d'ASP, je voulais pour attirer l'attention sur le fait qu'il a mis <textbox>text</textbox> afin que vous puissiez voir une partie de la réponse à la question que vous avez directement posée au dessus.

---

EDIT: Permettez-moi à nouveau: Vous auriez quelque chose comme ceci:

<textbox attributes="" methods="" > 
    <%=addressStr%> 
</textbox> 

---

Espérons tho, l'exemple donné tout sur cette page vous aidera. N'hésitez pas à poser plus de questions.