私は、標準入力持っているテキストボックスの.NET

Question

にHTML5のプレースホルダーテキストを追加します。

<asp:TextBox type="text" runat="server" id="txtSearchTerm" /> 

を私は、これは、動的HTML5のプレースホルダでレンダリングしたいのですが。ような何か：

<input type="text" runat="server" id="txtSearchTerm" 
placeholder="Search Site #1" /> 

Site.Name = "サイト＃1"：

'Code Behind 
txtSearchTerm.**placeholder** = "Search " + Site.Name 

それは、次のHTMLを出力するように。

txtSearchTerm。 プレースホルダーは不動産ではありません。私はそれをテキストに設定して、javascriptを実行してフォーカスを表示/非表示にしますが、HTML5のプレースホルダ値を使用するだけです。これをどのように表現できますか？

JS /クライアント側の解決策はありません。

Answer 1

Attributesコレクションを使用できます。だから、

txtSearchTerm.Attributes.Add("placeholder", "Search" + Site.Name); 

または

txtSearchTerm.Attributes["placeholder"] = "Search" + Site.Name; // or Attributes("placeholder") if you're using vb.net 

のようなものを持っているでしょうそして、あなたはローカリゼーション/翻訳のためのリソースを使用している場合：

txtSearchTerm.Attributes["placeholder"] = GetLocalResourceObject("YourLocalResourceName").ToString(); 

Answer 2

MicrosoftのAjaxの中に含まTextBoxWatermarkエクステンダーもありますコントロールツールキット。これはHTML5ではありませんが、後方互換性があります（私は信じています）。私はそれが退屈/迷惑背後にあるコードから、すべてのプレースホルダを追加するために見つけるので http://www.asp.net/AjaxLibrary/AjaxControlToolkitSampleSite/TextBoxWatermark/TextBoxWatermark.aspx

<ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server" 
    TargetControlID="TextBox1" 
    WatermarkText="Type First Name Here" 
    WatermarkCssClass="watermarked" /> 

Answer 3

。 WebControls TextBoxを継承する新しいTextBoxクラスを作成し、CodeBehindまたはHTMLサイドからプレースホルダを追加できます。 （プロジェクト/コントロールに置き/）

TextBox.csのWeb.Configで

namespace Project.Controls 
{ 
    public class TextBox : System.Web.UI.WebControls.TextBox 
    { 
     public string PlaceHolder { get; set; } 

     protected override void OnLoad(EventArgs e) 
     { 
      if(!string.IsNullOrWhiteSpace(PlaceHolder)) 
       this.Attributes.Add("placeholder", PlaceHolder); 

      base.OnLoad(e); 
     } 
    } 
} 

登録コントロール：

<system.web> 
    <pages> 
     <controls> 
     <add tagPrefix="ext" assembly="Project" namespace="Project.Controls" /> 
     </controls> 
    </pages> 
    </system.web> 

（あなたが好きなタグの接頭辞を使用）

使用法：

<ext:TextBox runat="server" id="SomeId" PlaceHolder="This is a PlaceHolder" /> 

または

SomeId.PlaceHolder="This is a PlaceHolder"; 

Answer 4

背後にあるコードから、私はちょうどHTMLコードにプレースホルダプロパティを入れて動作します：

<asp:TextBox placeholder="hola mundo" ID="some_id" runat="server"/>