label標籤作用

目標:

label標籤主要目的是爲了提高用戶體驗。 爲用戶提高最優秀的服務。

概念:

label 標籤爲 input 元素定義標註(標籤)。

作用:

用於綁定一個表單元素, 當點擊label標籤的時候, 被綁定的表單元素就會獲得輸入焦點。當我們鼠標點擊 label標籤裏面的文字時, 光標會定位到指定的表單裏面

如何綁定元素呢?

  1. 第一種用法就是用label直接包括input表單。
<label> 用戶名: <input type="radio" name="usename" value="請輸入用戶名">   </label>

適合單個表單選擇

  1. 第二種用法 for 屬性與表單的id關聯,用於規定 label 與哪個表單元素綁定。
<label for="sex"></label>
<input type="radio" name="sex"  id="sex">
發佈了181 篇原創文章 · 獲贊 65 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章