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



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

727   5  

5 ответов:

The placeholder атрибут

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

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

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

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

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

прекрасный способ применения подсказки к элементу управления использует ресурсы. Таким образом, вы можете иметь локализованные подсказки. Допустим, у вас есть .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 не показывает местозаполнитель

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

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

Comments

    Ничего не найдено.