首页 相关文章 网页表单的Web标准解决方案

网页表单的Web标准解决方案

进入eYou.com后,马上就给新版的邮件界面转化成XHTML+CSS的工作,还好平时基本功还够扎实,有条不紊的干了下来。当然会遇到新的问题,比如,平时做网页,因为没有跟程序打过什么交道,较少使用表单。还好,世界还有Google,让我可以轻松应对新挑战。一些经验,写出来大家分享。

基于易用性(accesibility)的考虑,表单的标准写法应该在form和/form之中包含fieldset和legend(说明),让用户明白该表单域的内容概要。简单的结构如下:

form
fieldset
legend/legend
......
/fieldset
/form

在某些场合或许你不愿意让也许fieldset和legend影响你的设计方案中的美观,好办,在CSS中把fieldset的border设置为0,legend的display设置为 none就行了。

在绝大多数情况下,表单的布局分两列,左边是标记(label),右边是输入框(input type="text"...)。如此简单的两列布局,我强烈建议不要使用表格。参考http://stylephreak.frogrun.comhttp://img.wa...[ 查看全文 ]

2016-02-19 标签:

网页表单的Web标准解决方案的相关文章

手机页面
收藏网站 回到头部