5、数据录入表单

用以录入数据的表单组件：单选框、复选框、下拉框、文本框等等。可以根据需要对这类网页原生的交互组件的默认外观进行统一的初始化。如果对交互效果要求比较高，需要设置鼠标、键盘事件与表单项进行交互时的不同样式（如 onmouseover、onclick、onfocus等）。由于IE6-对伪类选择器（hover、focus）支持不完善，制作这些效果的时候要使用脚本进行一些兼容处理。另外，还有一些填写表单时的注意事项等提示类信息，以及对录入数据进行验证出错时的错误提示信息，这些信息通常会显示在表单旁边，验证错误时还需要将出错的表单项进行高亮显示，这些样式在公用模板里都需要进行设计。

6、各类备注、报错、提示信息

包括上面提到的附加在元素旁边显示的表单填写提示及验证报错，和一些对内容进行解释的备注说明等，还有一些可能会以单独模块出现，例如用户操作成功、失败或者是登陆超时等提示信息。

7、交互UI组件：切换标签、下拉菜单和模态弹窗等

除了网页表单控件以及浏览器提供的消息组件（alert、confirm、prompt），经常还需要用到一些自定义的交互组件，例如切换标签、下拉菜单，以及考虑到易用性问题而对浏览器消息组件进行封装的模态弹窗等（例如lightbox、thickbox），可以选择最常用组件集成到公用模板中。

能够供不同专业背景的人员使用则要求：

出处：163 UED Team
责任编辑：bluehearts

上一页 公用样式模板的设计制作 [3] 下一页 公用样式模板的设计制作 [5]

◎进入论坛网页制作、WEB标准化版块参加讨论，我还想发表评论。