目標:
label標籤主要目的是爲了提高用戶體驗。 爲用戶提高最優秀的服務。
概念:
label 標籤爲 input 元素定義標註(標籤)。
作用:
用於綁定一個表單元素, 當點擊label標籤的時候, 被綁定的表單元素就會獲得輸入焦點。當我們鼠標點擊 label標籤裏面的文字時, 光標會定位到指定的表單裏面
如何綁定元素呢?
- 第一種用法就是用label直接包括input表單。
<label> 用戶名: <input type="radio" name="usename" value="請輸入用戶名"> </label>
適合單個表單選擇
- 第二種用法 for 屬性與表單的id關聯,用於規定 label 與哪個表單元素綁定。
<label for="sex">男</label>
<input type="radio" name="sex" id="sex">