Как поместить подсказку в ASP: textbox

Как поместить подсказку / заполнитель в текстовое поле asp:? Когда я говорю, намек Я имею в виду текст, который исчезает, когда пользователь нажимает на нее. Есть ли способ достичь того же с помощью html / css?

79
asp.net css hint html5 placeholder

5 ответов

на placeholder атрибут

Вы ищите placeholder. Используйте его как любой другой атрибут внутри вашего ASP.net управление:

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

не беспокойтесь о своей IDE (т. е. Visual Studio), возможно не зная атрибут. Атрибуты, которые не зарегистрированы ASP.net проходят и визуализируются как есть. Таким образом, приведенный выше код (в основном) отображает:

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

используя placeholder in ресурсы

прекрасный способ применения подсказки к элементу управления использует ресурсы. Таким образом, у вас могут быть локализованные подсказки. Допустим, у вас есть .аспн ваш индекс app_localresources с/.аспн.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");
153

просто писать так:

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

Это будет работать, вы можете некоторое время чувствовать, что он не работает из-за того, что Intellisence не показывает местозаполнитель

16

добавление атрибутов-заполнителей из кода:

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
asp:TextBox ID="txtName" placeholder="any text here"
0