asp.net - 如何在 ASP.NET 中使用标签？

Question

如何<label>在 ASP.NET 应用程序中使用标记？我希望它是有效的、可访问的和可用的。

我了解最佳的 HTML 方式是这样的：

<label for="Username">Username:</label>
<input type="text" id="Username" runat="server" />

但是如果上面的代码在一个 ASP.NET 用户控件中，输入 ID 会改变，这意味着标签的“for”属性是没有用的。我可以将标签标记作为服务器控件并在代码 ( Username.ClientID) 中设置其“for”属性，但对于这样一个简单的事情来说似乎需要做很多工作。

我也见过过去使用的这个 HTML：

<label>
    <span>Username</span>
    <input type="text" id="Username" runat="server" />
</label>

什么是正确的方法？

Answer 1

我<asp:Label ... AssociatedControlID="Username" ...>为此使用控件。它们被渲染为<label>标签并for适当地设置属性。

请注意，如果您愿意，还可以在 Label 控件中嵌套其他标签：

<asp:Label ID="UsernameLabel"
           Text="Username:"
           AssociatedControlID="UsernameTextBox"
           runat="server">
    <asp:TextBox ID="UsernameTextBox" runat="server" />
</asp:Label>

Answer 2

你也可以这样写：

<label for="<%= Username.ClientID %>">Username:</label>
<asp:TextBox ID="Username" runat="server" />

Phil Haack 有一篇关于这个主题的博文

Answer 3

使用<asp:Label>服务器控件。它具有可用于设置关联控件 ID 的属性。

<asp:Label ID="label1" runat="server" Text="Username" AssociatedControlID="Text1" />
<asp:TextBox ID="Text1" runat="server" />

Answer 4

我想最简单的方法就是这个。

<asp:Label AssociatedControlID="Username" runat="server" Text="Username:"></asp:Label>
<asp:TextBox ID="Username" runat="server"></asp:TextBox>

Answer 5

如果你想要一个标签，但没有另一个控件可以使用，AssociatedControlID可以使用标签本身

<asp:Label ID="Not_Span" AssociatedControlID="Not_Span" Text="Will be rendered as label" />

Answer 6

如果您使用的是 .NET 4，您现在可以使用 ClientIDMode 属性来配置一个或多个控件以使用静态或可预测的 ID。ClientIDMode 属性可以直接在 TextBox 上设置，也可以在任何父控件或包含页面上设置。

<label for="Username">Username:</label>
<asp:TextBox ID="Username" runat="server" ClientIDMode="Static" />

在MSDN上阅读有关 ClientIDMode 的更多信息

Answer 7

<p><asp:Label ID="label1"           Text="Username:"           AssociatedControlID="txtUserName"           runat="server">    <asp:TextBox ID="txtUserName" runat="server" /></asp:Label></p>

Answer 8

你我也试试这个：

<asp:Label  ID="Label1" runat="server" Text="label"></asp:Label>

如果您拖放标签，这就是 Visual Studio 或任何其他软件为您提供的。