Label控件属性AssociatedControlID

 

<form id="form1" runat="server">
    <div>
        <asp:Label ID="lblFirstName" Text="First Name:" AssociatedControlID="txtFirstName"
             runat="server" />
        <br />
        <asp:TextBox ID="txtFirstName" runat="server" />
        <br />
        <br />
        <asp:Label ID="lblLastName" Text="Last Name:" AssociatedControlID="txtLastName" runat="server" />
        <br />
        <asp:TextBox ID="txtLastName" runat="server" />
    </div>
    </form>

为Label控件提供AssociatedControlID属性后,Label控件将呈现成HTML <label>标签而不是HTML <span>标签。在浏览器中选择查看源代码,可以看到代码清单2-3中的第一个Label控件在浏览器中生成下面这样的内容:

<label for="txtFirstName" id="lblFirstName">First Name:</label>

始终使用带有AssociatedControlID属性的Label控件来标注表单字段,对于残障人士能够访问网站很重要。如果有人使用的是像读屏器这样的辅助设备来与网站交互,AssociatedControlID属性将帮助辅助设备正确地把标签和表单字段关联起来。

使用AssociatedControlID属性的另一个好处是,当点击标签时,自动把表单焦点设置为关联的表单输入框。

使用 AssociatedControlID 属性将 Web 窗体上的一个 Label 控件与另一个服务器控件关联。当一个 Label 控件与另一个服务器控件相关联时，可以使用其属性扩展关联控件的功能。可以使用 Label 控件作为另一个控件的标题，或者可以设置关联控件的 Tab 键索引或热键。

当设置了 AssociatedControlID 属性 (Property) 时，Label 控件呈现为 HTML label 元素，且 for 属性 (Attribute) 设置为关联控件的 ID 属性 (Property)。可以使用 Label 属性 (Property) 设置 label 元素的其他属性 (Attribute)。例如，可以使用 Text 和 AccessKey 属性为关联控件提供标题和热键。