<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    憨厚生

    ----Java's Slave----
    ***Java's Host***

      BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合  :: 管理 ::
      165 隨筆 :: 17 文章 :: 90 評論 :: 0 Trackbacks
    幾個不太常用但很有用的HTML Tag

    雖然經常接觸HTML,不過有些標簽以前卻從沒引起我的注意。但是其中幾個Tag的確比較有用,而且是符合W3C XHTML標準的。

    1. Label

    Label是用來標記Input元素的提示的。例如:

    <label for="id_name">Name</label><br />
    <input type="text" name="name" id="id_name" size="20"/>


    Label的“For”屬性要和Input元素的ID相一致。

    好處:點擊提示文字,就自動Focus對應的輸入元素。對于Radio,Checkbox這類點擊區域特別小的控件特別有用:
    Color:<br />
    <input type="checkbox"  name="color" id="color_r" value="red"><label for="color_r">&nbsp;red</label><br>
    <input type="checkbox"  name="color" id="color_g" value="green"><label for="color_g">&nbsp;green</label><br>
    <input type="checkbox"  name="color" id="color_b" value="blue"><label for="color_x">&nbsp;blue</label><br><!--如果For和ID不匹配,點擊文字是沒有用的-->

     red
     green
     blue
     

    2. FieldSet & Legend

    FieldSet用來明確把一組Input控件歸成一組(相當于VB/VC里面的Group控件),而Legend則是組的標題(相當于Group控件的標題)。 例如:

    <fieldset style="width:20%">
      <legend>Person</legend>
      <label for="name">Name</label><input type="text" id="name" />
      <fieldset>
        <legend>Gender</legend>
        <input type="radio" name="gender" id="male" /><label for="male">Male</label><br>
        <input type="radio" name="gender" id="female" /><label for="female">Female</label>
      </fieldset>
    </fieldset>
    PersonName GenderMale
    Female

    3. Optgroup

    用于Select里面的option的分組。例如:

    <select name="age">
      <optgroup label="baby">
        <option>0-2</option>
        <option>3-5</option>
      </optgroup>
      <optgroup label="kid">
        <option>6-10</option>
        <option>10-15</option>
      </optgroup>
      <optgroup label="adult">
        <option>16-30</option>
        <option>31-40</option>
        <option>41-60</option>
      </optgroup>
    </select>
    posted on 2006-12-05 16:28 二胡 閱讀(193) 評論(0)  編輯  收藏 所屬分類: JS
    主站蜘蛛池模板: 中文字幕高清免费不卡视频| 亚洲国产区男人本色在线观看| 水蜜桃视频在线观看免费| 一二三四在线观看免费高清中文在线观看| 久久亚洲高清观看| 永久免费av无码网站yy| 国产亚洲精品va在线| 午夜免费福利视频| 亚洲女人18毛片水真多| 国国内清清草原免费视频99| 亚洲成_人网站图片| 国产精品无码免费视频二三区| 亚洲AV无码国产一区二区三区 | 亚欧免费一级毛片| 久久亚洲AV成人出白浆无码国产| 最近2019中文字幕免费大全5 | 四虎www成人影院免费观看| 亚洲乱码国产乱码精华| 亚洲成a人片在线播放| 一个人免费观看日本www视频| 亚洲色欲一区二区三区在线观看 | 亚洲色大情网站www| 免费人成激情视频| 你是我的城池营垒免费观看完整版 | 亚洲午夜免费视频| 亚洲国语在线视频手机在线| 成人免费视频软件网站| 一级视频免费观看| 亚洲欧洲在线观看| 四虎免费大片aⅴ入口| 国产精品永久免费| 亚洲最大中文字幕| 免费精品国产自产拍观看| 无码国产精品一区二区免费虚拟VR | 日本免费污片中国特一级| 亚洲免费电影网站| 亚洲男人天堂2020| 最近中文字幕免费mv在线视频| 亚洲日本VA午夜在线影院| 精品国产亚洲一区二区三区| 免费在线观看h片|