你不一定知道的Label的For用法
更新時(shí)間：2007年04月04日 00:00:00 作者：
HTML中的Label標(biāo)簽，未接觸標(biāo)準(zhǔn)的恐怕會(huì)比較陌生。即使接觸了標(biāo)準(zhǔn)，很多人也只是當(dāng)成一個(gè)容器，用來(lái)解釋表單中的元素。概念性的東西我這里就不羅唆了，有興趣的可以參看W3上的教程。
這里偶只是想談?wù)凩abel中For的用法，這兩天再搞華人站用了幾個(gè)，還是比較爽的。如下面的例子，對(duì)于“相當(dāng)同意”，試著點(diǎn)點(diǎn)文字看。如果真覺(jué)得“吹毛求疵”，那就麻煩去描那個(gè)小不拉吉的RedioBox了。
相當(dāng)同意 果然吹毛求疵
上面相應(yīng)的代碼如下，其實(shí)相當(dāng)?shù)牟簧衩?，只是在label上加了個(gè)for屬性，里面的屬性值即為所需要關(guān)聯(lián)的表單元素ID。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
HOHO，其實(shí)這種用法已經(jīng)到處都是了，Google、Baidu、MSN，還有N多的C/S軟件...而且應(yīng)用范圍很廣，多選、單選、甚至是鏈接。既然給用戶(hù)更寬的點(diǎn)擊區(qū)域，又不需要什么額外的代碼，又何樂(lè)而不為呢？
這里偶只是想談?wù)凩abel中For的用法，這兩天再搞華人站用了幾個(gè)，還是比較爽的。如下面的例子，對(duì)于“相當(dāng)同意”，試著點(diǎn)點(diǎn)文字看。如果真覺(jué)得“吹毛求疵”，那就麻煩去描那個(gè)小不拉吉的RedioBox了。
相當(dāng)同意 果然吹毛求疵
上面相應(yīng)的代碼如下，其實(shí)相當(dāng)?shù)牟簧衩?，只是在label上加了個(gè)for屬性，里面的屬性值即為所需要關(guān)聯(lián)的表單元素ID。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
HOHO，其實(shí)這種用法已經(jīng)到處都是了，Google、Baidu、MSN，還有N多的C/S軟件...而且應(yīng)用范圍很廣，多選、單選、甚至是鏈接。既然給用戶(hù)更寬的點(diǎn)擊區(qū)域，又不需要什么額外的代碼，又何樂(lè)而不為呢？
相關(guān)文章
Web標(biāo)準(zhǔn)學(xué)習(xí)資源（書(shū)籍、網(wǎng)站）推薦
Web標(biāo)準(zhǔn)學(xué)習(xí)資源（書(shū)籍、網(wǎng)站）推薦...2007-02-02
CSS實(shí)現(xiàn)每行新聞數(shù)量不等效果代碼
像大型網(wǎng)站中間那部分的效果：由于文章的標(biāo)題的長(zhǎng)度不一樣，會(huì)自動(dòng)實(shí)現(xiàn)行滿(mǎn)后下一個(gè)標(biāo)題自動(dòng)換行，不滿(mǎn)，則在后面繼續(xù)添加。2008-10-10
CSS樣式表的背景渲染效率...2006-12-12
使用div+css（姑且這樣叫，雖然我也不喜歡，但是叫什么呢？）布局的好處不用多說(shuō)，經(jīng)常性地會(huì)使用到float，那么清除浮動(dòng)就是必須要做的，而且隨時(shí)性地對(duì)父級(jí)元素清除浮動(dòng)的做法也被認(rèn)為是書(shū)寫(xiě)CSS的良好習(xí)慣之一。2008-03-03
讓人不得不佩服的CSS效果...2007-03-03
css——之三行三列等高布局圖文教程...2007-04-04
這個(gè)方法好像可行，但前提是div層的大小、位置可知，對(duì)于在后臺(tái)js文件中控制style的div就實(shí)效了。 我遇到的恰好就是這種情況，所以太遺憾了。 不過(guò)這個(gè)帖子還是應(yīng)該收藏一下。2008-06-06
CSS中Float（浮動(dòng)）相關(guān)技巧文章
CSS中Float（浮動(dòng)）相關(guān)技巧文章...2007-09-09
《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（三)
這篇文章主要介紹了《CSS3實(shí)戰(zhàn)》筆記--漸變?cè)O(shè)計(jì)（三,需要的朋友可以參考下2016-05-05
用css filter做鼠標(biāo)滑過(guò)圖片效果
css結(jié)合filter實(shí)現(xiàn)的鼠標(biāo)滑過(guò)圖片效果代碼2008-06-06