一区二区三区日韩精品-日韩经典一区二区三区-五月激情综合丁香婷婷-欧美精品中文字幕专区

分享

語義化——表單 - ajax,css,js,javascript,actionscript...

 深呼吸 2007-03-12
語義化——表單
 
作者JunChen Wu來源www.發(fā)布時間22007-3-5 10:28:15發(fā)布人Clear

Labels - 標簽

每個表單的元素都應該有它自己的labellabel標簽,可以使用for屬性連接一個label和表單元素。

  1. <form>
  2. <label for="yourName">Your Name</label>
  3. <input type="text" name="yourName" id="yourName" />
  4. ...

標簽可以被可視化瀏覽器渲染成可以點擊的,點擊后光標會顯示在關聯(lián)的表單元素內(nèi)。

效果:

注:nameid都是需要的,name是由表單處理用,而id是給label做連接用。

Field sets and legends - 分組信息和標題

你能夠分組不同的元素,比如說基本信息(姓氏、名字、職位等)或者聯(lián)系信息(地址、城市、郵編、國家等),使用fieldset標簽可以實現(xiàn)。

在一個組內(nèi),你可以用legend標簽來設置一個標題。

注:可視化瀏覽器把fieldset渲染為帶邊框的,legend一般顯示在左上角。

  1. <form action="somescript.php" >
  2. <fieldset>
  3. <legend>Name</legend>
  4. <p>First name <input type="text" name="firstName" /></p>
  5. <p>Last name <input type="text" name="lastName" /></p>
  6. </fieldset>
  7. <fieldset>
  8. <legend>Address</legend>
  9. <p>Address <textarea name="address" ></textarea></p>
  10. <p>Postal code <input type="text" name="postcode" /></p>
  11. </fieldset>
  12. ...

效果:


NameFirst name
Last name


AddressAddress
Postal code

Option groups - 選項組

optgroup標簽可以給select元素的options分類。需要使用一個label屬性,在可視化瀏覽器里,它的屬性值會在下拉列表(select)里顯示為一個不可選的、縮進標題。

  1. <select name="country">
  2. <optgroup label="Africa">
  3. <option value="gam">Gambia</option>
  4. <option value="mad">Madagascar</option>
  5. <option value="nam">Namibia</option>
  6. </optgroup>
  7. <optgroup label="Europe">
  8. <option value="fra">France</option>
  9. <option value="rus">Russia</option>
  10. <option value="uk">UK</option>
  11. </optgroup>
  12. <optgroup label="North America">
  13. <option value="can">Canada</option>
  14. <option value="mex">Mexico</option>
  15. <option value="usa">USA</option>
  16. </optgroup>
  17. </select>

效果:

Navigating fields - 表單內(nèi)的導航

和鏈接一樣,在沒有光標設備(如鼠標)的情況下,表單元素、組也可以自由導航。對于表單內(nèi)的導航,也可以使用和鏈接一樣的方法,tab導航和快捷鍵。

accesskeytabindex屬性可以添加到每個獨立的表單標簽上,比如input,甚至是legend標簽。

  1. <input type="text" name="firstName" accesskey="f" tabindex="1" />


    本站是提供個人知識管理的網(wǎng)絡存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權內(nèi)容,請點擊一鍵舉報。
    轉藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多

    国产亚洲二区精品美女久久| 国产av一区二区三区麻豆| 日韩av生活片一区二区三区| 国产在线不卡中文字幕| 国产精品免费视频视频| 五月婷婷缴情七月丁香 | 国产精品视频第一第二区| 亚洲国产天堂av成人在线播放| 欧美日韩少妇精品专区性色| 国产欧美日产中文一区| 久久精品少妇内射毛片| 日韩精品中文字幕亚洲| 日韩欧美国产精品自拍| 伊人色综合久久伊人婷婷| 日本精品啪啪一区二区三区| 人妻少妇系列中文字幕| 国产精品国三级国产专不卡| 人妻熟女中文字幕在线| 扒开腿狂躁女人爽出白浆av| 亚洲精品国产主播一区| 久久女同精品一区二区| 亚洲中文字幕人妻系列| 深夜日本福利在线观看| 亚洲天堂一区在线播放| 99久热只有精品视频免费看| 老富婆找帅哥按摩抠逼视频| 日本加勒比不卡二三四区| 婷婷色国产精品视频一区| 国产亚洲视频香蕉一区| 成年午夜在线免费视频| 久草视频在线视频在线观看| 日本黄色高清视频久久| 开心久久综合激情五月天| 国产亚洲系列91精品| 年轻女房东2中文字幕| 日韩一级一片内射视频4k| 婷婷激情五月天丁香社区| 亚洲成人精品免费在线观看| 一区二区三区亚洲国产| 国产一区二区不卡在线播放| 日本男人女人干逼视频|