web-dev-qa-db-ja.com

asp：textboxにヒントを配置する方法

Asp：TextBox内にヒント/プレースホルダーを配置するにはどうすればよいですか？ヒントを言うとき、ユーザーがクリックすると消えるテキストを意味します。 html/cssを使用して同じことを達成する方法はありますか？

asp.netcsshtml5placeholderhint
87
user590849

placeholder属性

placeholder 属性を探しています。 ASP.netコントロール内の他の属性と同様に使用します。

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

IDE（つまりVisual Studio）を気にしないでください属性を知らない。 ASP.netに登録されていない属性はそのまま渡され、そのままレンダリングされます。したがって、上記のコードは（基本的に）レンダリングされます。

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

リソースでplaceholderを使用する

ヒントをコントロールに適用するすばらしい方法は、 resources を使用することです。これにより、ローカライズされたヒントが得られます。 index.aspxファイルがあり、App_LocalResources/index.aspx.resxファイルが含まれているとします

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

あなたのコントロールは次のようになります

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

レンダリングされた結果は、上記の章の結果と同じになります。

コードビハインドで属性を追加する

他の属性と同様に、placeholderを AttributeCollection に追加できます。

txtWithHint.Attributes.Add("placeholder", "hint");
172
Linus Caldwell

このように書くだけです：

<asp:TextBox ID="TextBox1" runat="server" placeholder="hi test"></asp:TextBox>
60
pathak tejpal
 <asp:TextBox runat="server" ID="txtPassword" placeholder="Password">

これは動作します。Intellisenceがプレースホルダーを表示していないために動作していないと感じるかもしれません。

17
Shrivallabh

コードビハインドからプレースホルダー属性を追加します。

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

または

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

Aspxページからプレースホルダー属性を追加する

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

または

<input type="text" id="txtFilterTerm" placeholder="Filter"/>
5
Shibu Thomas
asp:TextBox ID="txtName" placeholder="any text here"
0
Ahmed Soliman Flasha