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