jQuery progression 表单进度
2024-09-03 17:26:56
progression.js是一款表单输入完成进度插件。支持自定义提示框大小、方向、左边、动画效果、间距等,也支持是否显示进度条、字体大小、颜色、背景色等。
在线实例
使用方法
- <form id="myform">
- <p>
- <label>点击一个字段</label>
- <input data-progression type="text" data-helper="提示用户帮助" name="name" value="" placeholder=""/>
- </p>
- <p>
- <label>提供更好的用户体验</label>
- <input data-progression type="text" data-helper="追踪用户输入表单进度" name="email" value="" placeholder=""/>
- </p>
- <p class="left">
- <label>另一个字段</label>
- <input data-progression type="text" data-helper="这个提示框是完全可定制的" name="mytel" value="" placeholder=""/>
- </p>
- <p>
- <label>电话号码</label>
- <textarea data-progression name="" data-helper="文本或者进度条可以关闭"></textarea>
- </p>
- <p>
- <input type="submit" class="button" name="" value="提 交" placeholder=""/>
- </p>
- </form>
复制
参数详解
- $("#myform").progression({
- tooltipWidth: '200', //提示框宽度
- tooltipPosition: 'right', //方向
- tooltipOffset: '50', //坐标
- showProgressBar: true, //显示进度条
- showHelper: true, //显示帮助
- tooltipFontSize: '14', //字体大小
- tooltipFontColor: 'fff', //字体演示
- progressBarBackground: 'fff', //进度条背景色
- progressBarColor: '6EA5E1', //进度条字体颜色
- tooltipBackgroundColor: 'a2cbfa', //提示框背景色
- tooltipPadding: '10', //提示框间距padding
- tooltipAnimate: true //提示框动画
- });
复制
最新文章
- NHibernate系列文章目录
- IOS开发之网络编程--文件压缩和解压缩
- 【UR #12】实验室外的攻防战(BIT)
- 汉字转拼音的Java类库:JPinyin
- CentOS安装rar及用法
- Java经典案例之-“分解质因数”
- 201521123049 《JAVA程序设计》 第9周学习总结
- Solr7使用Oracle数据源导入+中文分词
- windows 7、8分区
- leetcode 54. Spiral Matrix 、59. Spiral Matrix II
- 浅谈Java的主要学习要点_上海尚学堂java培训课程思维导图
- “/";应用程序中的服务器错误
- ssh 无秘钥登录
- 利用Fiddler编写Jmeter接口测试
- 【java】static用法
- hello1分析
- nodejs在后台运行
- C++:运算符重载
- NGUI诡异的drawCall
- centos shell基础 alias 变量单引号 双引号 history 错误重定向 2>;&;1 jobs 环境变量 .bash_history source配置文件 nohup &; 后台运行 cut,sort,wc ,uniq ,tee ,tr ,split, paste cat>; 2.txt <;<;EOF 通配符 glob模式 发邮件命令mail 2015-4-8 第十二节课
热门文章
- Redux 入门教程
- jq的$(function(){})与window.onload的区别
- 3.11 Templates --Rendering with Helpers
- mysql索引之主键索引
- 逆分布函数法生成随机数(指数分布) R语言实现
- Core Java 5
- Python3.x:基础学习
- java 生成验证Guid码
- C++总结:C++中的const和constexpr
- UVA-1336 Fixing the Great Wall(区间DP)