Как добавить подсказку в asp: textbox

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

Ответ 1

Атрибут placeholder

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

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

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

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

Использование 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");

Ответ 2

Просто напишите вот так:

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

Ответ 3

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

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

Ответ 4

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

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"