Bir asp: metin kutusuna ipucu nasıl koyarım


104

Bir asp: TextBox içine nasıl ipucu / yer tutucu koyabilirim? Bir ipucu söylediğimde, kullanıcı tıkladığında kaybolan bir metni kastediyorum. Html / css kullanarak aynısını elde etmenin bir yolu var mı?


2
Hangi tarayıcıları destekliyorsunuz? HTML5 tarayıcıları placeholder, metin kutuları özniteliğini destekler .
rikitikitik

Yanıtlar:


201

placeholdernitelik

placeholderÖzniteliği arıyorsunuz . Bunu, ASP.net kontrolünüzdeki diğer özellikler gibi kullanın:

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

IDE'niz (yani Visual Studio) özniteliğini bilmiyor olabilirsiniz . ASP.net'e kayıtlı olmayan öznitelikler, olduğu gibi geçirilir ve işlenir. Dolayısıyla, yukarıdaki kod (temelde) şu anlama gelir:

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

placeholderKaynaklarda kullanma

Denetime ipucu uygulamanın iyi bir yolu kaynakları kullanmaktır . Bu şekilde yerelleştirilmiş ipuçlarına sahip olabilirsiniz. Diyelim ki bir index.aspx dosyanız var, App_LocalResources / index.aspx.resx dosyanız şunu içeriyor:

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

ve kontrolün şöyle görünüyor

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

işlenen sonuç yukarıdaki bölümdeki ile aynı görünecektir.

Arkasındaki koda öznitelik ekleyin

Başka herhangi bir özelliğe gibi ekleyebilir placeholderiçin AttributeCollection:

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

2
Nedense kaynak numarası "WithHint.placeholder"bende işe yaramadı.
Mmm

1
Kaynakları kullanırken, bunu yerel bir kaynak dosyası <asp:TextBox ID="txtWithHint" runat="server" placeholder="<%$ Resources: 52 %>" />için veya genel kaynaklar için yapabilirsiniz:<asp:TextBox ID="txtWithHint" runat="server" placeholder="<%$ Resources: ResourceFile, ResourceValue %>" />
EvilDr

koda bir kontrol eklerken, görünüşe göre ihtiyacınız olan tek şey: myTextBox.Attributes.Add ("yer tutucu", "ipucu");
Eliot Gillum

61

Sadece şöyle yazın:

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

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

Bu işe yarayacak, bir süre Intellisence'ın gösterilmemesi nedeniyle çalışmadığını hissedebilirsiniz. yer tutucu


7

Arka plan kodundan yer tutucu öznitelikleri ekleme:

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

Veya

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

Aspx sayfasından yer tutucu öznitelikleri ekleme

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

Veya

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

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.