Go homepage(回首页) Upload pictures (上传图片) Write articles (发文字帖)
The author:(作者)归海一刀published in(发表于) 2014/3/30 5:20:10 二十一 Forms 可用性_[Html教程]
Forms对残疾用户来说并不是最容易的东西,写满内容页面的导航算一个,form区域和输入信息之间是另外一个。所以对form增加一些元素是个非常好的办法。
每个form 区域应该有它们自己的label。使用label标签分类,使用for属性联合label与form的元素。
label
for
Your Name id="yourName" />...
点击浏览器显示的label区域,焦点便会跑到label联合的form区域。
注意:name和id都必须有。name用来操作form区域,而id用来联系label。
name
id
你可以为区域建组,比如,名字(姓,名,中间,标题等待)或者地址(第一行,第二行,国家,邮政编码等等)。使用fieldset标签。
fieldset
在field set里面可以使用legend建legend。
legend
注意:浏览器使用边框包围field sets,而legends打破左边或上面的边框。
NameFirst name Last name AddressAddress Postal code ...
First name
Last name
Address
Postal code
optgroup标签用来为select箱子里的options编组。它需要label属性,显示的值在下拉列表里每个组的顶部,不可被选择。
optgroup
GambiaMadagascarNamibiaFranceRussiaUKCanadaMexicoUSA
像链接一样,form fields(和field sets)需要在没有指向装置(比如鼠标)时导航。和链接的做法一样,使用form元素——tab stops和access keys
accesskey和tabindex属性运用到form标签上,比如input和legend标签。
accesskey
tabindex
input
accesskey="f" tabindex="1" />
赞