如何使用<标签>ASP.NET 中的标签？

Question

如何在 ASP.NET 应用程序中使用 标记？ 我希望它有效、可访问且可用。

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

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

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

我过去也见过这种 HTML：

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

正确的方法是什么？

Answer 1

我为此使用 控件。 它们被渲染为 标签并适当地设置 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 有一篇 博客文章< /a> 关于这个主题

Answer 3

使用 服务器控件。 它有一个属性，可用于设置关联的控件 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 的更多信息