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 获取元素位置的快速方法 getBoundingClientRect()
Nov 26 Javascript
js获取class的所有元素
Mar 28 Javascript
Function.prototype.bind用法示例
Sep 16 Javascript
jQuery解析XML与传统JavaScript方法的差别实例分析
Mar 05 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
jQuery实现选项卡功能(两种方法)
Mar 08 Javascript
详解express与koa中间件模式对比
Aug 07 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
实例详解Node.js 函数
Jun 10 Javascript
通过jQuery学习js类型判断的技巧
May 27 jQuery
原生js实现可兼容PC和移动端的拖动滑块功能详解【测试可用】
Aug 15 Javascript
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无限级栏目分类读取的实现代码
2014/02/19 PHP
关于PHP内置的字符串处理函数详解
2017/02/04 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
seajs中模块的解析规则详解和模块使用总结
2014/03/12 Javascript
javasciprt下jquery函数$.post执行无响应的解决方法
2014/03/13 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
2015/11/25 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
基于javascript实现简单计算器功能
2016/01/03 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
JS中的==运算: [''] == false —&gt;true
2016/07/24 Javascript
微信小程序 视图层(xx.xml)和逻辑层(xx.js)详细介绍
2016/10/13 Javascript
js实现键盘自动打字效果
2016/12/23 Javascript
Angular2下使用pdf插件的方法详解
2017/04/29 Javascript
jQuery Validate 无法验证 chosen-select元素的解决方法
2017/05/17 jQuery
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
JS实现颜色的10进制转化成rgba格式的方法
2017/09/04 Javascript
Vue中使用vue-i18插件实现多语言切换功能
2018/04/25 Javascript
angular 实现下拉列表组件的示例代码
2019/03/09 Javascript
JS数组进阶示例【数组的几种函数用法】
2020/01/16 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
python 字典修改键(key)的几种方法
2018/08/10 Python
python实现超市商品销售管理系统
2019/10/25 Python
Python开发之身份证验证库id_validator验证身份证号合法性及根据身份证号返回住址年龄等信息
2020/03/20 Python
HTML+CSS3 模仿Windows7 桌面效果
2010/06/17 HTML / CSS
三星美国官网:Samsung美国
2017/02/06 全球购物
大学生职业生涯规划书前言
2014/01/09 职场文书
给领导的致歉信范文
2014/01/13 职场文书
建筑设计学生的自我评价
2014/01/16 职场文书
旷工检讨书1000字
2015/01/01 职场文书
毕业纪念册寄语大全
2015/02/26 职场文书
关爱留守儿童捐款倡议书
2015/04/27 职场文书
2015年六年级班主任工作总结
2015/10/15 职场文书
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang