label標簽、label標簽和input標簽關聯


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">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM