如何在asp:TextBox中添加提示

问题描述:

如何在asp:TextBox中添加提示/占位符?当我说一个提示时,我的意思是一些文字在用户点击时会消失。有没有办法使用HTML/CSS实现相同?如何在asp:TextBox中添加提示

+2

您支持哪些浏览器? HTML5浏览器支持文本框的“占位符”属性。 – rikitikitik 2013-04-05 00:32:51

+0

http://*.com/questions/35501114/in-asp-net-unable-to-save-textboxes-if-the-text-is-given-in-between-and – Sachin 2016-02-19 08:58:50

placeholder属性

您正在寻找的placeholder属性。使用它像你的ASP.net控件中任何其他属性:

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

不要理会你的IDE(即Visual Studio中)也许不知道属性。未通过ASP.net注册的属性将按原样传递并呈现。所以上面的代码(基本上)呈现到:

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

在资源

施加提示控制使用resources的精细方式使用placeholder。这样你可能有本地化的提示。比方说,你有一个的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"); 

就这样写:

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

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

这将工作你可能会有一段时间觉得它不工作,因为Intellisence没有显示荷兰国际集团占位

+5

有关Intellisence的说明很有帮助! – 2015-08-31 07:28:45

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

添加占位符从代码隐藏属性:

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