[HTML]<LABEL>用法及FOR屬性
發表於 : 2009年 8月 3日, 14:23
一般在使用 <form> 表單時, 內部會使用到 radio button 及 checkbox 這類控制元件, 不過因為 radio 及 checkbox 本身都很小, 所以若是要讓使用者操作方式, 可以利用 <LABEL FOR="XXXXX">DESCRIPTION TEXT</LABEL> 這樣的語法來操作.
例如, 原來的 checkbox 如下:
一般說來, 要點擊到該 checkbox 才能被點擊到, 但對使用者來說, 不是很方便, 可以利用這個 <label for 的屬性來操作, 如下:
這樣一來, 點 checkbox 也可以, 而且, "我同意"這三個字的操作點擊的行為也會一樣, 方便使用者利用滑鼠操作的時候, 能更方便, 可以參考: http://www.w3schools.com/tags/tag_label.asp
若是應用在 textbox 的話, 該 label 點擊後, 會選取整個 textbox 的內文哦.
例如, 原來的 checkbox 如下:
代碼: 選擇全部
<form>
<input type="checkbox" name="agree" value="ok" />我同意
</form>
代碼: 選擇全部
<form>
<input type="checkbox" name="agree" value="ok" id="agree" /><label for="agreen">我同意</label>
</form>
若是應用在 textbox 的話, 該 label 點擊後, 會選取整個 textbox 的內文哦.