HTML5中新增了一種標簽叫做lable。lable標簽主要用于關聯(lián)表單控件以及標識表單項名稱,它可以讓用戶點擊文本標簽就能選中文本標簽中關聯(lián)的表單控件。使用lable標簽的優(yōu)點是增強了用戶體驗,使得用戶更加方便選擇和填寫表單,同時也能提高頁面可訪問性。
<form>
<label for="username">用戶名:</label>
<input type="text" name="username" id="username">
<br><br>
<label for="password">密碼:</label>
<input type="password" name="password" id="password">
</form>
在上述代碼中,我們使用了兩個lable標簽,一個是用于用戶名的標簽,一個是用于密碼的標簽。為了使這些標簽能夠和表單元素建立關聯(lián),我們使用了for屬性,這個屬性值需要和表單控件的id屬性值相對應。當用戶單擊文本標簽時,相應的表單控件就會自動獲取焦點。這種方式可以讓用戶更加方便地填寫表單,提高頁面的可用性和訪問性。