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 1.0.2
Oct 11 Javascript
可实现多表单提交的javascript函数
Aug 01 Javascript
Javascript读取cookie函数代码
Oct 16 Javascript
jQuery ajax提交Form表单实例(附demo源码)
Apr 06 Javascript
jQuery Easyui Datagrid实现单行的上移下移及保存移动的结果
Aug 15 Javascript
JavaScript中各数制转换全面总结
Aug 21 Javascript
node实现的爬虫功能示例
May 04 Javascript
详解ES7 Decorator 入门解析
Feb 18 Javascript
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
vue路由 遍历生成复数router-link的例子
Oct 30 Javascript
vue实现点击按钮切换背景颜色的示例代码
Jun 23 Javascript
Vue实现简单的拖拽效果
Aug 25 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面向对象
2012/02/22 PHP
php字符编码转换之gb2312转为utf8
2013/10/28 PHP
PHPExcel在linux环境下导出报500错误的解决方法
2017/01/26 PHP
JQuery 前台切换网站的样式实现
2009/06/22 Javascript
return false;和e.preventDefault();的区别
2010/07/11 Javascript
javascript 基础篇2 数据类型,语句,函数
2012/03/14 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
js实现简易的单数字随机抽奖(0-9)
2020/03/19 Javascript
js实现Select列表各项上移和下移的方法
2015/08/14 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
jQuery插入节点和移动节点用法示例(insertAfter、insertBefore方法)
2016/09/08 Javascript
常用原生js自定义函数总结
2016/11/20 Javascript
BootStrap框架中的data-[ ]自定义属性理解(推荐)
2017/02/14 Javascript
vue better-scroll插件使用详解
2018/01/25 Javascript
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
JS实现textarea通过换行或者回车把多行数字分割成数组并且去掉数组中空的值
2018/10/29 Javascript
Vue.js组件间通信方式总结【推荐】
2018/11/23 Javascript
Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码
2020/05/18 Javascript
vue抽出组件并传值实例
2020/07/31 Javascript
Nuxt pages下不同的页面对应layout下的页面布局操作
2020/11/05 Javascript
[01:53]3.19 DOTA2发布会 现场精彩Coser表演
2014/03/25 DOTA
Python random模块常用方法
2014/11/03 Python
Python中尝试多线程编程的一个简明例子
2015/04/07 Python
对Python3+gdal 读取tiff格式数据的实例讲解
2018/12/04 Python
Python2和Python3之间的str处理方式导致乱码的讲解
2019/01/03 Python
python logging模块书写日志以及日志分割详解
2019/07/22 Python
解析Tensorflow之MNIST的使用
2020/06/30 Python
Python利用命名空间解析XML文档
2020/08/10 Python
js正则匹配markdown里的图片标签的实现
2021/03/24 Javascript
励志演讲稿500字
2014/08/21 职场文书
县人大领导班子四风对照检查材料思想汇报
2014/10/09 职场文书
缓刑人员思想汇报
2014/10/11 职场文书
2015元旦家电促销活动策划方案
2014/12/09 职场文书
pytorch finetuning 自己的图片进行训练操作
2021/06/05 Python
Python OpenCV超详细讲解读取图像视频和网络摄像头
2022/04/02 Python