for
屬性可以將label
標簽與特定表單控件關聯起來,從而提高可訪問性和用戶體驗。例如:<label for="username">Username:</label>
<input type="text" id="username" name="username">
可以通過hidden
屬性隱藏label
標簽,但仍然使其可訪問。這對于某些特定的設計需求非常有用,如隱藏屏幕上不需要的標簽但仍然保留可訪問性。
使用aria-labelledby
屬性可以將label
標簽與多個表單控件關聯起來,提高可訪問性。例如:
<label id="label1">First Name:</label>
<label id="label2">Last Name:</label>
<input type="text" aria-labelledby="label1 label2">
label
標簽的樣式,使其更具有吸引力和視覺效果。例如:label {
font-weight: bold;
color: #333;
}
label
標簽中使用title
屬性可以為用戶提供額外的提示和信息,增強用戶體驗。例如:<label for="email" title="Please enter your email address">Email:</label>
<input type="email" id="email" name="email">