jQuery表单美化插件jqTransform使用详解


Posted in Javascript onApril 12, 2015

jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框、文本框、单选、复选框、按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input file选择框美化教程进行改造,在浏览器兼容方面,兼容 ie 6+, safari 2+, firefox 2+,插件还是很不错的,使用起来也很简单,推荐学习和使用。

jQuery表单美化插件jqTransform使用详解

使用方法:

1.加载jQuery和插件

<script type="text/javascript" src="js/jquery.js"></script> 
<script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>

2.HTML内容

<form class="jqtransform"> 
<div class="rowElem"> 
<label for="name">Name:</label> 
<input type="text" name="name"/> 
</div> 
<div class="rowElem"><input type="submit" value="send"/></div> 
</form>

3.函数调用

<script type="text/javascript"> 
$(function() { 
    $("form.jqtransform").jqTransform(); 
}); 
</script>

  插件下载

以上所述就是本文的全部内容了,希望大家能够喜欢。

Javascript 相关文章推荐
JQuery获取当前屏幕的高度宽度的实现代码
Jul 12 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
Apr 07 Javascript
代码获取历史上的今天发生的事
Apr 11 Javascript
jQuery实现简单隔行变色的方法
Feb 20 Javascript
JavaScript DOM 对象深入了解
Jul 20 Javascript
JavaScript中的call和apply的用途以及区别
Jan 11 Javascript
微信小程序 合法域名校验出错详解及解决办法
Mar 09 Javascript
node.js连接MongoDB数据库的2种方法教程
May 17 Javascript
vue移动端项目缓存问题实践记录
Oct 29 Javascript
如何在Vue中抽离接口配置文件
Oct 31 Javascript
js实现随机点名程序
Sep 17 Javascript
vue实现两个区域滚动条同步滚动
Dec 13 Vue.js
jQuery插件PageSlide实现左右侧栏导航菜单
Apr 12 #Javascript
jQuery插件StickUp实现网页导航置顶
Apr 12 #Javascript
JavaScript 面向对象与原型
Apr 10 #Javascript
javascript基本包装类型介绍
Apr 10 #Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
Apr 10 #Javascript
js改变embed标签src值的方法
Apr 10 #Javascript
js使用setTimeout实现定时炸弹的方法
Apr 10 #Javascript
You might like
PHP的Yii框架中Model模型的学习教程
2016/03/29 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
JavaScript 应用技巧集合[推荐]
2009/08/30 Javascript
Struts2的s:radio标签使用及用jquery添加change事件
2013/04/08 Javascript
js 剪切板应用clipboardData详细解析
2013/12/17 Javascript
Javascript Objects详解
2014/09/04 Javascript
在Node.js应用中读写Redis数据库的简单方法
2015/06/30 Javascript
两款JS脚本判断手机浏览器类型跳转WAP手机网站
2015/10/16 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
js 实现一些跨浏览器的事件方法详解及实例
2016/10/27 Javascript
基于 Bootstrap Datetimepicker 联动
2017/08/03 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
gearman的安装启动及python API使用实例
2014/07/08 Python
详解Python3.1版本带来的核心变化
2015/04/07 Python
Python批量按比例缩小图片脚本分享
2015/05/21 Python
python安装cx_Oracle模块常见问题与解决方法
2017/02/21 Python
python3+PyQt5重新实现自定义数据拖放处理
2018/04/19 Python
使用Python通过win32 COM实现Word文档的写入与保存方法
2018/05/08 Python
python对视频画框标记后保存的方法
2018/12/07 Python
解决python中画图时x,y轴名称出现中文乱码的问题
2019/01/29 Python
Python网络爬虫之爬取微博热搜
2019/04/18 Python
python简单实现最大似然估计&amp;scipy库的使用详解
2020/04/15 Python
Django自定义YamlField实现过程解析
2020/11/11 Python
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
XML文档面试题
2015/08/05 面试题
写求职信有哪些注意事项
2014/05/08 职场文书
2014年学雷锋活动总结
2014/06/26 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
酒店仓管员岗位职责
2015/04/01 职场文书
2015年女职工工作总结
2015/05/15 职场文书
2016年小学生寒假总结
2015/10/10 职场文书
golang 实现Location跳转方式
2021/05/02 Golang
xhunter1.sys可以删除嘛? win11提示xhunter1.sys驱动不兼容解决办法
2022/09/23 数码科技
CSS中calc(100%-100px)不加空格不生效
2023/05/07 HTML / CSS