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 刷新全集常用代码
Nov 22 Javascript
JQuery页面图片切换和新闻列表滚动效果的具体实现
Sep 26 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
Js与Jq获取浏览器和对象值的方法
Mar 18 Javascript
JQuery实现DIV其他动画效果的简单实例
Sep 18 Javascript
网站发布后Bootstrap框架引用woff字体无法正常显示的解决方法
Nov 24 Javascript
js数组实现权重概率分配
Sep 12 Javascript
详解使用路由延迟加载 Angular 模块
Oct 12 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
JavaScript实现浅拷贝与深拷贝的方法分析
Jul 05 Javascript
JS的Ajax与后端交互数据的实例
Aug 08 Javascript
CKEditor扩展插件:自动排版功能autoformat插件实现方法详解
Feb 06 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(4) php 函数 补充2
2010/02/15 PHP
php Smarty模板生成html文档的方法
2010/04/12 PHP
php expects parameter 1 to be resource, array given 错误
2011/03/23 PHP
php preg_replace替换实例讲解
2013/11/04 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
Yii2设置默认控制器的两种方法
2017/05/19 PHP
从盛大通行证上摘下来的身份证验证js代码
2011/01/11 Javascript
NodeJS中Buffer模块详解
2015/01/07 NodeJs
JavaScript 实现完美兼容多浏览器的复制功能代码
2015/04/28 Javascript
基于javascript实现根据身份证号码识别性别和年龄
2016/01/22 Javascript
JavaScript文本框脚本编写的注意事项
2016/01/25 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
ES6新特性之函数的扩展实例详解
2017/04/01 Javascript
JavaScript编程设计模式之构造器模式实例分析
2017/10/25 Javascript
element-ui中的select下拉列表设置默认值方法
2018/08/24 Javascript
JS实现电脑虚拟键盘的操作
2020/06/24 Javascript
在vue中实现禁止屏幕滚动,禁止屏幕滑动
2020/07/22 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
Python在线运行代码助手
2016/07/15 Python
Python求出0~100以内的所有素数
2018/01/23 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
python如何求解两数的最大公约数
2018/09/27 Python
Python3 读、写Excel文件的操作方法
2018/10/20 Python
python批量修改图片后缀的方法(png到jpg)
2018/10/25 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
IE9对HTML5中部分属性不支持的原因分析
2014/10/15 HTML / CSS
台湾饭店和机票预订网站:Expedia台湾
2016/08/05 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
咖啡店自主创业商业计划书
2014/01/22 职场文书
妈妈活动方案
2014/08/15 职场文书
2014年教师节演讲稿范文
2014/09/10 职场文书
模范教师事迹材料
2014/12/16 职场文书
读《皮囊》有感:理解是对他人的最大的善举
2019/11/14 职场文书
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python