label標簽表示用戶界面中某個元素的說明
label標簽和input元素關聯主要主要額有點
- 標簽文本不僅與其相關的文本輸入元素的視角上相關聯,當用戶聚焦到這個表單輸入元素時,屏幕閱讀器可以讀出標簽,可以讓用戶知道要輸入的時什么數據
- 可以點擊關聯的標簽來聚焦或者激活這個輸入元素,就像直接點擊輸入元素一樣,這擴大了元素的可點擊區域,讓包括使用觸屏設備在內的用戶更容易激活這個元素
怎么實現呢?
將一個label和input元素匹配在一起,需要input一個id屬性,而label需要一個for屬性,其值和input的id一樣。
另外可以將input直接放在label里,此時就不需要for和id屬性
<label for="username">Click me</label> <input type="text" id="username">