Jak umieścić wskazówkę w asp: textbox

Question

Jak umieścić wskazówkę/symbol zastępczy w asp: TextBox? Kiedy mówię wskazówkę, mam na myśli tekst, który znika po kliknięciu przez użytkownika. Czy istnieje sposób na osiągnięcie tego samego przy użyciu html/css?

Answer 1

Atrybut placeholder

Szukacie atrybutu placeholder. Używaj go jak każdy inny atrybut wewnątrz kontrolą ASP.net:

<asp:textbox id="txtWithHint" placeholder="hint" runat="server"/> 

Nie przejmuj się swoim IDE (czyli Visual Studio) może nie wiedząc atrybutu. Atrybuty niezarejestrowane w ASP.net są przekazywane i renderowane w niezmienionej formie. Więc powyższy kod (zasadniczo) renderuje do:

<input type="text" placeholder="hint"/> 

Korzystanie placeholder zasobów

dobrym sposobem nakładania wskazówkę do sterowania używa resources. W ten sposób możesz mieć zlokalizowane wskazówki. Powiedzmy, że masz plik index.aspx Twój App_LocalResources/index.aspx.resx plik zawiera

<data name="WithHint.placeholder"> 
    <value>hint</value> 
</data> 

a kontrola wygląda

<asp:textbox id="txtWithHint" meta:resourcekey="WithHint" runat="server"/> 

renderowany wynik będzie wyglądać tak samo jak w powyższym rozdziale.

dodawania atrybutu w kodzie za

jak każdy inny atrybut można dodać placeholder do AttributeCollection:

txtWithHint.Attributes.Add("placeholder", "hint"); 

Answer 2

Wystarczy napisać tak:

<asp:TextBox ID="TextBox1" runat="server" placeholder="hi test"></asp:TextBox> 

Answer 3

<asp:TextBox runat="server" ID="txtPassword" placeholder="Password"> 

Ta wola praca może się wydawać, że nie działa, ponieważ nie wyświetla się Intellisence Atrybuty ing zastępczy

Answer 4

asp:TextBox ID="txtName" placeholder="any text here" 

Answer 5

Dodawanie zastępczy z opóźnieniem kodu: Atrybuty

txtFilterTerm.Attributes.Add("placeholder", "Filter" + Filter.Name); 

Albo

txtFilterTerm.Attributes["placeholder"] = "Filter" + Filter.Name; 

Dodawanie zastępczy z aspx Page

<asp:TextBox type="text" runat="server" id="txtFilterTerm" placeholder="Filter" /> 

lub

<input type="text" id="txtFilterTerm" placeholder="Filter"/>