Làm cách nào để đặt gợi ý / chỗ dành sẵn bên trong asp: TextBox? Khi tôi nói một gợi ý, ý tôi là một số văn bản sẽ biến mất khi người dùng nhấp vào nó. Có cách nào để đạt được điều tương tự bằng cách sử dụng html / css không?
Làm cách nào để đặt gợi ý / chỗ dành sẵn bên trong asp: TextBox? Khi tôi nói một gợi ý, ý tôi là một số văn bản sẽ biến mất khi người dùng nhấp vào nó. Có cách nào để đạt được điều tương tự bằng cách sử dụng html / css không?
Câu trả lời:
placeholder
thuộc tínhBạn đang tìm kiếm placeholder
thuộc tính. Sử dụng nó giống như bất kỳ thuộc tính nào khác bên trong điều khiển 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 (tức là Visual Studio) có thể 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à hiển thị nguyên trạng. Vì vậy, đoạn mã trên (về cơ bản) hiển thị thành:
<input type="text" placeholder="hint"/>
placeholder
tài nguyênMột cách tốt để áp dụng gợi ý cho việc kiểm soát là sử dụng các tài nguyên . Bằng cách này, bạn có thể có các gợi ý bản địa hóa. Giả sử bạn có tệp index.aspx , tệp App_LocalResources / index.aspx.resx 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ả được hiển thị sẽ giống như kết quả trong chương trên.
Giống như bất kỳ thuộc tính nào khác, bạn có thể thêm thuộc tính placeholder
vào AttributeCollection
:
txtWithHint.Attributes.Add("placeholder", "hint");
"WithHint.placeholder"
không hoạt động với tôi.
<asp:TextBox ID="txtWithHint" runat="server" placeholder="<%$ Resources: 52 %>" />
hoặc đối với tài nguyên toàn cầu:<asp:TextBox ID="txtWithHint" runat="server" placeholder="<%$ Resources: ResourceFile, ResourceValue %>" />
Chỉ cần viết như thế này:
<asp:TextBox ID="TextBox1" runat="server" placeholder="hi test"></asp:TextBox>
<asp:TextBox runat="server" ID="txtPassword" placeholder="Password">
Điều này sẽ hoạt động, bạn có thể đôi khi cảm thấy rằng nó không hoạt động do Intellisence không hiển thị trình giữ chỗ
Thêm thuộc tính trình giữ chỗ từ mã phía sau:
txtFilterTerm.Attributes.Add("placeholder", "Filter" + Filter.Name);
Hoặc là
txtFilterTerm.Attributes["placeholder"] = "Filter" + Filter.Name;
Thêm thuộc tính giữ chỗ từ Trang aspx
<asp:TextBox type="text" runat="server" id="txtFilterTerm" placeholder="Filter" />
Hoặc là
<input type="text" id="txtFilterTerm" placeholder="Filter"/>
asp:TextBox ID="txtName" placeholder="any text here"
placeholder
thuộc tính cho hộp văn bản.