你不一定知道的Label的For用法
更新時間：2007年04月04日 00:00:00 作者：
HTML中的Label標簽，未接觸標準的恐怕會比較陌生。即使接觸了標準，很多人也只是當成一個容器，用來解釋表單中的元素。概念性的東西我這里就不羅唆了，有興趣的可以參看W3上的教程。
這里偶只是想談談Label中For的用法，這兩天再搞華人站用了幾個，還是比較爽的。如下面的例子，對于“相當同意”，試著點點文字看。如果真覺得“吹毛求疵”，那就麻煩去描那個小不拉吉的RedioBox了。
相當同意 果然吹毛求疵
上面相應的代碼如下，其實相當的不神秘，只是在label上加了個for屬性，里面的屬性值即為所需要關聯(lián)的表單元素ID。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
HOHO，其實這種用法已經到處都是了，Google、Baidu、MSN，還有N多的C/S軟件...而且應用范圍很廣，多選、單選、甚至是鏈接。既然給用戶更寬的點擊區(qū)域，又不需要什么額外的代碼，又何樂而不為呢？
這里偶只是想談談Label中For的用法，這兩天再搞華人站用了幾個，還是比較爽的。如下面的例子，對于“相當同意”，試著點點文字看。如果真覺得“吹毛求疵”，那就麻煩去描那個小不拉吉的RedioBox了。
相當同意 果然吹毛求疵
上面相應的代碼如下，其實相當的不神秘，只是在label上加了個for屬性，里面的屬性值即為所需要關聯(lián)的表單元素ID。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
HOHO，其實這種用法已經到處都是了，Google、Baidu、MSN，還有N多的C/S軟件...而且應用范圍很廣，多選、單選、甚至是鏈接。既然給用戶更寬的點擊區(qū)域，又不需要什么額外的代碼，又何樂而不為呢？
相關文章
CSS:浮動清理，不使用 clear:both標簽 在進行浮動布局時，大多數人都深知，在必要的地方進行浮動清理：<div style="clear:both;"></div>。2008-07-07
為圖片設置背景圖片，是一個非常搞的實例。這句話或許就感覺有點好玩。我們?yōu)橐訧MG標簽引入頁面的圖片設置背景圖片。2008-09-09
用CSS實現(xiàn)基本條狀圖表效果...2007-11-11
關于超鏈接的下劃線 使用說明...2007-08-08
2008-01-01
之所以說IE不好，是因為IE會誤導了你對CSS模型的理解，讓你以為IE的理解是對的，之后無論如何你都無法用你的IE模型理論去為你那個無法在FF正常顯示的CSS提供fix。2008-09-09
網頁編輯中CSS樣式表技巧總結...2007-09-09
做網頁字體大小參考 網頁中同字號字體的不同單位對比列表...2007-08-08
div布局的自由伸展三欄式版面的代碼...2007-11-11
各瀏覽器padding、margin的差異...2007-02-02