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中的onerror事件概述及使用
Apr 01 Javascript
JavaScript1.6数组新特性介绍以及JQuery的几个工具方法
Dec 06 Javascript
node.js使用nodemailer发送邮件实例
Mar 10 Javascript
js实现遮罩层划出效果是生成div而不是显示
Jul 29 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
Oct 12 Javascript
this,this,再次讨论javascript中的this,超全面(经典)
Jan 05 Javascript
javascript中this指向详解
Apr 23 Javascript
AngularJS实现单独作用域内的数据操作
Sep 05 Javascript
ES6深入理解之“let”能替代”var“吗?
Jun 28 Javascript
基于jQuery实现无缝轮播与左右点击效果
May 13 jQuery
Vue 中axios配置实例详解
Jul 27 Javascript
浅谈小程序 setData学问多
Feb 20 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绘制饼状图的实现代码
2013/06/07 PHP
PHP 循环删除无限分类子节点的实现代码
2013/06/21 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
Javascript !!的作用
2008/12/04 Javascript
JQuery 学习笔记 选择器之二
2009/07/23 Javascript
测试你的JS的掌握程度的代码
2009/12/09 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
jQuery制作仿Mac Lion OS滚动条效果
2015/02/10 Javascript
微信中一些常用的js方法汇总
2015/03/12 Javascript
BootStrap的table表头固定tbody滚动的实例代码
2016/08/24 Javascript
微信小程序学习(4)-系统配置app.json详解
2017/01/12 Javascript
利用JavaScript的%做隔行换色的实例
2017/11/25 Javascript
详解如何在React组件“外”使用父组件的Props
2018/01/12 Javascript
webpack4 升级迁移的实现
2018/09/12 Javascript
vue中各种通信传值方式总结
2019/02/14 Javascript
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
[04:11]2014DOTA2国际邀请赛 CIS遗憾出局梦想不灭
2014/07/09 DOTA
[41:52]2018DOTA2亚洲邀请赛3月29日 小组赛A组 TNC VS OpTic
2018/03/30 DOTA
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
python和pyqt实现360的CLable控件
2014/02/21 Python
python django 增删改查操作 数据库Mysql
2017/07/27 Python
Python实现的根据IP地址计算子网掩码位数功能示例
2018/05/23 Python
python leetcode 字符串相乘实例详解
2018/09/03 Python
django 解决自定义序列化返回处理数据为null的问题
2020/05/20 Python
Python检测端口IP字符串是否合法
2020/06/05 Python
Python pandas对excel的操作实现示例
2020/07/21 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
英国赛车、汽车改装和摩托车零件购物网站:Demon Tweeks
2018/10/29 全球购物
GAZMAN官网:澳大利亚领先的男装品牌
2019/12/19 全球购物
宝宝周岁宴答谢词
2014/01/26 职场文书
国庆节演讲稿
2014/05/27 职场文书
老生常谈 使用 CSS 实现三角形的技巧(多种方法)
2021/04/13 HTML / CSS
MySQL Router实现MySQL的读写分离的方法
2021/05/27 MySQL
python单向链表实例详解
2022/05/25 Python
TaiShan 200服务器安装Ubuntu 18.04的图文教程
2022/06/28 Servers