有没有一种方法可以在输出到 HTML 时保留我为 asp .net 控件设置的 id？

Question

当我创建表单时，我尝试将可访问性作为首要任务，但 asp .NET 的输出否定了其中的一些。例如，当我为输入标签设置标签标签时，我会创建一个这样的：

<label for="frmFirstName">First Name<span class="required">*</span></label>
<asp:TextBox id="frmFirstName" CssClass="textbox" runat="server" />

但是，当从页面输出 HTML 时，输出为：

<label for="frmFirstName">First Name<span class="required">*</span></label>
<input name="ctl00$phMainContent$frmFirstName" type="text" id="ctl00_phMainContent_frmFirstName" class="textbox" />

这是一个问题，因为现在标签不再绑定到输入元素。有没有办法强制 .NET 输出我为输入字段设置的 exact id？我不应该使用 Javascript 来纠正这样的事情。

Answer 1

如果您使用 ASP.Net 4，您可以将控件的 ClientIDMode 属性设置为 static。这将让它在渲染时保持 ID 标签的值。

Answer 2

使用asp:Label 元素并将其AssociatedControlId 属性指向您的文本框。

<asp:Label ID="lblFirstName" runat="server" AssociatedControlId="frmFirstName">First Name<span class="required">*</span></asp:Label>
<asp:TextBox id="frmFirstName" CssClass="textbox" runat="server" />

这应该会为您输出正确的 HTML。

Answer 3

除了 AssociatedControlId 和 解决方案之外，如果您的控件（在本例中为“frmFirstName”）保证是页面上唯一具有该 ID 的控件，那么您可以设置控件的 ClientIDMode 属性为“静态”，这意味着 ASP.NET 不会在呈现的 HTML 中修改 ID。

例如：

<label for="frmFirstName" runat="server" ID="lblFirstName">First Name</label>
<asp:TextBox runat="server" ID="frmFirstName" ClientIDMode="Static" />

将呈现为

<label for="frmFirstName" id="some$aspnet$id$lblFirstName">First Name</label>
<input type="text" id="frmFirstName" />

如果您碰巧需要从 Javascript 中引用它，这也将变得更容易，因为在 Javascript 中呈现 ASP.NET 的自动 ID 可能会很痛苦（据我所知，不可能单独进行.js 文件，您需要在页面上嵌入 JS 并使用 )。

在此处查看有关 ClientIDMode 的更多信息：http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode.aspx

Answer 4

您可以使用ClientId 属性。这是将作为 HTML 中的控件 ID 输出的内容，以及您可以使用客户端引用渲染元素的内容：

<label for="<%:frmFirstName.ClientId%>">First Name<span class="required">*</span></label>
<asp:TextBox id="frmFirstName" CssClass="textbox" runat="server" /

注意：

<%:%> 是 ASP.NET 4.0 的新功能 - 如果在 .NET 3.5 及之前版本上，您将需要使用 <%=%>。

编辑：

只是补充一点，ClientId 是从 Javascript 引用控件时要走的路。