1. 程式人生 > 實用技巧 >HTML5 <label>標籤

HTML5 <label>標籤

一、HTML5 <label>標籤

<form>
  <label for="male">Male</label>
  <input type="radio" name="sex" id="male" />
  <br />
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" />
</form>

二、瀏覽器支援

所有主流瀏覽器都支援 <label> 標籤。

三、定義和用法

<label> 標籤為 input 元素定義標註(標記)。

label 元素不會向用戶呈現任何特殊效果。不過,它為滑鼠使用者改進了可用性。如果您在 label 元素內點選文字,就會觸發此控制元件。就是說,當用戶選擇該標籤時,瀏覽器就會自動將焦點轉到和標籤相關的表單控制元件上。

<label> 標籤的 for 屬性應當與相關元素的 id 屬性相同。

四、屬性

屬性

new: HTML5 中的新屬性。

屬性描述
for id 規定 label 繫結到哪個表單元素。
form formid 規定 label 欄位所屬的一個或多個表單。

更多:

HTML5 的全域性屬性整理

html5 input number型別使用整理

HTML5 <a>標籤download 屬性