10 个基于jQuery的表单增强脚本和插件

简介: 以下10个基于jQuery的脚本和插件可以有效地提高表单的可访问性和功能性,本文中的一些源码和演示也许能帮助你优化当前的表单,使访问者获得良好的用户体验。 1. Form Hints 1.0 使用这个插件,你可以为网站中的的任何一个表单控件添加描述文字,可以通过title属性来添加。

以下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秒)或离开页面时自动进行保存。 


源码+演示 

英文原文:http://www.jquery4u.com/forms/10-jquery-form-%E2%80%93-accessibility-functionality/

目录
相关文章
|
3月前
|
移动开发 JSON 数据可视化
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
精选八款包括可视化CMS,jquery可视化表单,vue可视化拖拉,react可视化源码
69 0
|
5月前
|
前端开发 JavaScript Java
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
关于如何在SpringBoot项目中结合JQuery和Ajax实现表单数据的传输以及单文件或多文件上传的教程。文章提供了完整的前后端示例代码,包括项目的`pom.xml`依赖配置、SpringBoot的启动类`App.java`、静态资源配置`ResourceConfig.java`、配置文件`application.yml`、前端HTML页面(单文件上传和多文件上传加表单内容)以及后端控制器`UserController.java`。文章最后展示了运行结果的截图。
322 0
SpringBoot+JQuery+Ajax实现表单数据传输和单文件或多文件的上传
|
5月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
48 0
|
8月前
|
安全 JavaScript 数据安全/隐私保护
jQuery会员中心安全修改表单特效
jQuery实现的会员中心安全修改表单特效代码是一款实现了可以修改登录密码,交易密码,手机号码,实名认证,电子邮箱,安全设置表单,会员表单等设置效果的代码
50 4
jQuery会员中心安全修改表单特效
|
JavaScript 前端开发
前端基础 -JQuery之 表单选择器
前端基础 -JQuery之 表单选择器
54 0
|
8月前
|
JavaScript 前端开发 数据格式
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
2022年11月23日——jQuery——T1(基础选择器与表单选择器)
88 0
|
JavaScript 前端开发
前端基础 - JQuery 简单的表单校验器
前端基础 - JQuery 简单的表单校验器
62 0
|
JavaScript 前端开发
Form表单利用Jquery Validate验证以及ajax提交
Form表单利用Jquery Validate验证以及ajax提交
100 0
|
JavaScript API
如何使用jQuery处理表单元素?底层原理是什么?
如何使用jQuery处理表单元素?底层原理是什么?
106 0
|
数据采集 SQL 前端开发
【jquery Ajax 】form表单教学+评论案例
【jquery Ajax 】form表单教学+评论案例
183 0
【jquery Ajax 】form表单教学+评论案例