一般在使用 <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 的內文哦.
多多留言, 整理文章, 把經驗累積下來.....