你不一定知道的Label的For用法_經驗交流

HTML中的Label標籤，未接觸標準的恐怕會比較陌生。即使接觸了標準，很多人也只是當成一個容器，用來解釋表單中的元素。概念性的東西我這裡就不羅唆了，有興趣的可以參考W3上的教學。

這裡偶只是想談談Label中For的用法，這兩天再搞華人站用了幾個，還是比較爽的。如下面的例子，對於“相當同意”，試著點點文字看。如果真覺得“吹毛求疵”，那就麻煩去描那個小不拉吉的RedioBox了。

 相當同意  果然吹毛求疵

上面對應的程式碼如下，其實相當的不神秘，只是在label上加了個for屬性，裡面的屬性值即為所需要關聯的表單元素ID。

<input type="radio" name="radiobutton" value="radiobutton" id="radiobutton"><label for="radiobutton">相當同意</label> <input type="radio" name="radiobutton" value="radiobutton"> 果然吹毛求疵 ：<label onclick="window.location = 'http://www.douneed.com'">Douneed</label>
[​​Ctrl A 全選注:如需引入外部Js需刷新才能執行]

HOHO，其實這種用法已經到處都是了，Google、Baidu、 MSN，還有N多的C/S軟體...而且應用範圍很廣，多選、單選、甚至是連結。既然給使用者更寬的點擊區域，又不需要什麼額外的程式碼，又何樂而不為呢？