[HTML]<LABEL>用法及FOR屬性

[tim]

一般在使用 <form> 表單時, 內部會使用到 radio button 及 checkbox 這類控制元件, 不過因為 radio 及 checkbox 本身都很小, 所以若是要讓使用者操作方式, 可以利用 <LABEL FOR="XXXXX">DESCRIPTION TEXT</LABEL> 這樣的語法來操作.

例如, 原來的 checkbox 如下:

代碼: 選擇全部

<form>
<input type="checkbox" name="agree" value="ok" />我同意
</form>

一般說來, 要點擊到該 checkbox 才能被點擊到, 但對使用者來說, 不是很方便, 可以利用這個 <label for 的屬性來操作, 如下:

代碼: 選擇全部

<form>
<input type="checkbox" name="agree" value="ok" id="agree" /><label for="agreen">我同意</label>
</form>

這樣一來, 點 checkbox 也可以, 而且, "我同意"這三個字的操作點擊的行為也會一樣, 方便使用者利用滑鼠操作的時候, 能更方便, 可以參考: http://www.w3schools.com/tags/tag_label.asp

若是應用在 textbox 的話, 該 label 點擊後, 會選取整個 textbox 的內文哦.

[alice]

代碼: 選擇全部

<label><input type="checkbox" value="ok" />我同意</label>

用這樣的方式也是ok的哦~