在CSS中,label(標簽)是一種用于指向文本框、單選框、復選框等表單元素的HTML標簽。label標簽通常與input標簽一起使用,以提高表單的可用性和可訪問性。
<label for="username">用戶名:</label> <input type="text" id="username" name="username">
在上面的代碼中,label標簽的for屬性值與對應的input標簽id屬性值相同,這樣點擊label標簽時,就會自動聚焦到對應的表單元素上。這對于用戶體驗和無障礙訪問非常有幫助,特別是對于那些只能使用鍵盤的用戶。
除了為表單元素添加說明文本,label標簽還可以通過將其包裹在表單元素周圍來擴大可單擊區域。這對于小型設備或觸摸屏幕非常有用,因為可以更容易地點擊
<label for="remember"> <input type="checkbox" id="remember" name="remember">記住我 </label>
在上面的代碼中,label標簽包含了一個復選框表單元素,并且文字“記住我”與復選框自動關聯。這使得用戶可以更容易地選擇復選框。
總之,label標簽是一種非常有用的技術,可以提高表單的可用性、易用性和可訪問性。無論您是開發Web應用程序還是創建網站,都應該學習如何正確使用label標簽。