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 相关文章推荐
JavaScript中this的使用详解
Nov 08 Javascript
js 针对html DOM元素操作等经验累积
Mar 11 Javascript
JavaScript中函数声明与函数表达式的区别详解
Aug 18 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
Ionic 2 实现列表滑动删除按钮的方法
Jan 22 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
微信小程序实现星星评价效果
Nov 02 Javascript
JS实现倒计时图文效果
Nov 17 Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 Javascript
详解Vue中的自定义指令
Dec 07 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
JavaScript浏览器选项卡效果
2010/08/25 Javascript
Javascript 八进制转义字符(8进制)
2011/04/08 Javascript
更高效的使用JQuery 这里总结了8个小技巧
2016/04/13 Javascript
JavaScript简单拖拽效果(1)
2017/05/17 Javascript
深究AngularJS中$sce的使用
2017/06/12 Javascript
react-native组件中NavigatorIOS和ListView结合使用的方法
2017/09/30 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
2017/11/23 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
JavaScript中的E-mail 地址格式验证
2018/03/28 Javascript
jQuery实现动态加载select下拉列表项功能示例
2018/05/31 jQuery
vue项目打包后打开页面空白解决办法
2018/06/29 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
JS插件amCharts实现绘制柱形图默认显示数值功能示例
2019/11/26 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
vue 通过 Prop 向子组件传递数据的实现方法
2020/10/30 Javascript
[01:01:24]DOTA2上海特级锦标赛A组败者赛 EHOME VS CDEC第三局
2016/02/25 DOTA
[36:52]DOTA2真视界:基辅特锦赛总决赛
2017/05/21 DOTA
Python isinstance判断对象类型
2008/09/06 Python
Python time模块详解(常用函数实例讲解,非常好)
2014/04/24 Python
python获取文件版本信息、公司名和产品名的方法
2014/10/05 Python
在Gnumeric下使用Python脚本操作表格的教程
2015/04/14 Python
python实现windows壁纸定期更换功能
2019/01/21 Python
了解不常见但是实用的Python技巧
2019/05/23 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
Python中logging日志记录到文件及自动分割的操作代码
2020/08/05 Python
详解Pycharm与anaconda安装配置指南
2020/08/25 Python
python 星号(*)的多种用途
2020/09/21 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
Auchan Direct波兰:欧尚在线杂货店
2016/10/19 全球购物
畜牧兽医本科生的自我评价
2014/03/03 职场文书
护理专业学生职业生涯规划范文
2014/03/11 职场文书
博士生导师推荐信
2014/07/08 职场文书
教师党员整改措施
2014/10/24 职场文书
自我推荐信格式模板
2015/03/24 职场文书
2015年度护士个人工作总结
2015/04/09 职场文书