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中mouseleave和mouseout的区别
Feb 17 Javascript
使用Web Uploader实现多文件上传
Jun 08 Javascript
微信小程序 生命周期详解
Oct 12 Javascript
JS中事件冒泡和事件捕获介绍
Dec 13 Javascript
JS+canvas实现的五子棋游戏【人机大战版】
Jul 19 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
详解node child_process模块学习笔记
Jan 24 Javascript
微信小程序实现跑马灯效果
Oct 21 Javascript
详解关于webpack多入口热加载很慢的原因
Apr 24 Javascript
js滚轮事件 js自定义滚动条的实现
Jan 18 Javascript
记录一次websocket封装的过程
Nov 23 Javascript
LayUI+Shiro实现动态菜单并记住菜单收展的示例
May 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
Windows7下PHP开发环境安装配置图文方法
2010/05/20 PHP
详解PHP多个进程配合redis的有序集合实现大文件去重
2019/03/06 PHP
php的命名空间与自动加载实现方法
2019/08/25 PHP
推荐dojo学习笔记
2007/03/24 Javascript
让firefox支持IE的一些方法的javascript扩展函数代码
2010/01/02 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
2011/10/26 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
jQuery实现鼠标经过图片预览大图效果
2014/04/10 Javascript
jQuery实用函数用法总结
2014/08/29 Javascript
Nodejs学习笔记之Stream模块
2015/01/13 NodeJs
漂亮! js实现颜色渐变效果
2016/08/12 Javascript
JS for...in 遍历语句用法实例分析
2016/08/24 Javascript
jQuery设置图片等比例缩小的方法
2017/04/29 jQuery
express框架实现基于Websocket建立的简易聊天室
2017/08/10 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
2018/08/09 Javascript
layer弹出的iframe层在执行完毕后关闭当前弹出层的方法
2018/08/17 Javascript
分享vue里swiper的一些坑
2018/08/30 Javascript
详解vue高级特性
2020/06/09 Javascript
对Python的Django框架中的项目进行单元测试的方法
2016/04/11 Python
python中退出多层循环的方法
2018/11/27 Python
python读取文件名并改名字的实例
2019/01/07 Python
PyQt5基本控件使用详解:单选按钮、复选框、下拉框
2019/08/05 Python
python sorted函数的小练习及解答
2019/09/18 Python
Pyqt5自适应布局实例
2019/12/13 Python
韩国爱茉莉太平洋化妆品美国站:Amore Pacific US
2016/10/28 全球购物
德国baby-markt婴儿用品瑞士网站:baby-markt.ch
2017/06/09 全球购物
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
实习销售业务员自我鉴定
2013/09/21 职场文书
心理健康课教学反思
2014/02/13 职场文书
成龙洗发水广告词
2014/03/14 职场文书
服务承诺口号
2014/05/22 职场文书
出租房屋协议书
2014/09/14 职场文书
个人总结与自我评价
2014/09/18 职场文书
党的群众路线教育实践活动党员个人剖析材料
2014/10/08 职场文书
纯CSS实现酷炫的霓虹灯效果
2021/04/13 HTML / CSS
MYSQL 表的全面总结
2021/11/11 MySQL