2013-04-05 29 views
69

Làm cách nào để đặt gợi ý/trình giữ chỗ bên trong một asp: TextBox? Khi tôi nói một gợi ý tôi có nghĩa là một số văn bản mà biến mất khi người dùng nhấp vào nó. Có cách nào để đạt được cùng một bằng cách sử dụng html/css?Làm cách nào để đặt gợi ý trong một asp: textbox

+2

Bạn đang hỗ trợ những trình duyệt nào? Các trình duyệt HTML5 hỗ trợ thuộc tính 'placeholder' cho các hộp văn bản. – rikitikitik

+0

http://stackoverflow.com/questions/35501114/in-asp-net-unable-to-save-textboxes-if-the-text-is-given-in-between-and – Sachin

Trả lời

135

Các placeholder thuộc tính

Bạn đang tìm kiếm các thuộc tính placeholder. Sử dụng nó như bất kỳ thuộc tính khác bên trong kiểm soát ASP.net của bạn:

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

Đừng bận tâm về IDE của bạn (ví dụ: Visual Studio) có lẽ không biết thuộc tính. Các thuộc tính không được đăng ký với ASP.net được chuyển qua và được hiển thị. Vì vậy, các mã trên (về cơ bản) ám vào:

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

Sử dụng placeholder tài nguyên

Một cách tốt của việc áp dụng các gợi ý để điều khiển được sử dụng resources. Bằng cách này bạn có thể có gợi ý được bản địa hóa. Hãy nói rằng bạn có một tập tin index.aspx, App_LocalResources/index.aspx.resx tập tin của bạn chứa

<data name="WithHint.placeholder"> 
    <value>hint</value> 
</data> 

và kiểm soát của bạn trông giống như

<asp:textbox id="txtWithHint" meta:resourcekey="WithHint" runat="server"/> 

kết quả trả lại sẽ trông giống nhau như một trong chương trên.

Thêm thuộc tính trong mã đằng sau

Giống như bất kỳ khác thuộc tính bạn có thể thêm placeholder đến AttributeCollection:

txtWithHint.Attributes.Add("placeholder", "hint"); 
58

Chỉ cần viết như thế này:

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

chí này làm việc bạn có thể một thời gian cảm thấy rằng nó không hoạt động do Intellisence không hiển thị ing placeholder

+5

Lưu ý về Intellisence là rất Hữu ích! –

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

Thêm placeholder thuộc tính từ code-behind:

txtFilterTerm.Attributes.Add("placeholder", "Filter" + Filter.Name); 

Hoặc

txtFilterTerm.Attributes["placeholder"] = "Filter" + Filter.Name; 

Thêm placeholder thuộc tính từ aspx trang

<asp:TextBox type="text" runat="server" id="txtFilterTerm" placeholder="Filter" /> 

Hoặc

<input type="text" id="txtFilterTerm" placeholder="Filter"/> 
Các vấn đề liên quan