Chinaunix首页 | 论坛 | 博客
  • 博客访问: 774510
  • 博文数量: 160
  • 博客积分: 2516
  • 博客等级: 大尉
  • 技术积分: 1511
  • 用 户 组: 普通用户
  • 注册时间: 2004-10-24 17:58
文章分类

全部博文(160)

文章存档

2019年(2)

2018年(3)

2017年(15)

2016年(3)

2015年(11)

2014年(3)

2013年(1)

2012年(3)

2011年(17)

2010年(25)

2009年(17)

2008年(13)

2007年(14)

2006年(21)

2005年(10)

2004年(2)

分类: 系统运维

2011-12-18 11:19:14

以下10个基于jQuery的脚本和插件可以有效地提高表单的可访问性和功能性,本文中的一些源码和演示也许能帮助你优化当前的表单,使访问者获得良好的用户体验。 

1. Form Hints 1.0 

使用这个插件,你可以为网站中的的任何一个表单控件添加描述文字,可以通过title属性来添加。用户可以点击控件来显示或隐藏描述文字。 


 

2. jQuery 表单选择器 

jQuery的许多表单选择器可以更加方便和高效地访问表单元素。下面是一个简单的jQuery表单选择器相关介绍。 


 /  

3. Web SpinButton 

这是一个关于文本框数值微调按钮控件的示例。 


 

4. 页面跳转警告 

添加该脚本后,在你离开页面前,会弹出一个警告,提示你提交表单或进行其他类似的操作。 


 / 演示 

5. Twitter 提示框 

添加该脚本后,会出现一个类似Twitter的简单有趣的提示框。 


 

6. Unwrongest 

添加这个jQuery插件后,文本框的大小会随着输入的内容自动进行调整,就像Facebook的Boxes一样。 


 /  

7. Clearfield 

当输入框内没有内容时,利用这个插件可以显示输入提示。 


 

8. 选中多个元素 

利用这个脚本,可以在所有供你选择的条目中选择全部,或只选择需要的元素集合。 


源码 / 演示 

9. 将表单label显示在输入框中 

添加该脚本后,可以将表单的label值显示在输入框中,使界面更加简洁。 


 /  

10. 自动保存 

这个插件增强了表单功能,可以自动将表单字段保存到cookies中。每经过一定的时间(默认为10秒)或离开页面时自动进行保存。 


 

英文原文:

阅读(865) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~