將表單的控制元件 (如: input) 與相關說明文字產生連結,讓滑鼠點擊文字時,也可以觸發相關控制元件產生作用

使用HTML <label> 標籤的 for 屬性,可以將表單的控制元件 (如: input) 與相關說明文字產生連結,讓滑鼠點擊文字時,也可以對相關控制元件產生作用。
有兩種用法:

第一種是 <label for="id"> 和 <input id="">

Example:

<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> 包住 <input /> 和文字

Example:

<label><input type="checkbox" name="swim" id="interest" /> Swim</label>

留言