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 屬性爲關聯控件提供標題和熱鍵。