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

來源:互聯網
上載者:User
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軟體...而且應用範圍很廣,多選、單選、甚至是連結。既然給使用者更寬的點擊地區,又不需要什麼額外的代碼,又何樂而不為呢?
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.