Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)归海一刀
published in(发表于) 2014/3/30 5:20:10
二十一 Forms 可用性_[Html教程]

二十一 Forms 可用性_[Html教程]

Forms对残疾用户来说并不是最容易的东西,写满内容页面的导航算一个,form区域和输入信息之间是另外一个。所以对form增加一些元素是个非常好的办法。


Labels 标志


每个form 区域应该有它们自己的label。使用label标签分类,使用for属性联合label与form的元素。



Your Name id="yourName" />
...

点击浏览器显示的label区域,焦点便会跑到label联合的form区域。


注意:nameid都必须有。name用来操作form区域,而id用来联系label。

Field sets and legends


你可以为区域建组,比如,名字(姓,名,中间,标题等待)或者地址(第一行,第二行,国家,邮政编码等等)。使用fieldset标签。


在field set里面可以使用legend建legend。


注意:浏览器使用边框包围field sets,而legends打破左边或上面的边框。




Name

First name


Last name




Address

Address


Postal code



...

option组



optgroup标签用来为select箱子里的options编组。它需要label属性,显示的值在下拉列表里每个组的顶部,不可被选择。




导航区域


像链接一样,form fields(和field sets)需要在没有指向装置(比如鼠标)时导航。和链接的做法一样,使用form元素——tab stopsaccess keys


accesskeytabindex属性运用到form标签上,比如inputlegend标签。


accesskey="f" tabindex="1" />



 
 
 
 
 


If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)





QQ:154298438
QQ:417480759