Добавить HTML5 замещающий текст в текстовом поле .net

Question

У меня есть стандартный ввод:

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

я хотел бы, чтобы это сделать с динамическим HTML5 заполнителем. Что-то вроде:

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

Так что выводит следующий HTML:

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

где Site.Name = "Сайт # 1".

txtSearchTerm. placeholder не является собственностью. Я настроил его на текст, а затем запустил javascript, чтобы показать/скрыть в фокусе, но я бы скорее просто использовал значение placeholder 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

Существует также TextBoxWatermark расширитель включены в Ajax от Microsoft Инструментарий управления. Это не 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

Потому что я считаю, это раздражает/утомительным, чтобы добавить все заполнители из кода позади. Вы можете создать новый класс TextBox, который наследует WebControls TextBox, а затем вы можете добавить placeholder из CodeBehind или со стороны HTML.

TextBox.cs (размещаемый в проекте/Управление /)

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); 
     } 
    } 
} 

управления Регистрация В Web.Config:

<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"/>