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 中对象的继承〔转贴〕
Jan 22 Javascript
js实现弹出窗口、页面变成灰色并不可操作的例子分享
May 10 Javascript
原生JavaScript生成GUID的实现示例
Sep 05 Javascript
使用AngularJS来实现HTML页面嵌套的方法
Jun 17 Javascript
详解JavaScript基于面向对象之创建对象(1)
Dec 10 Javascript
浅谈javascript中的三种弹窗
Oct 21 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
node.js中express-session配置项详解
May 31 Javascript
JavaScript创建防篡改对象的方法分析
Dec 30 Javascript
jquery将json转为数据字典的实例代码
Oct 11 jQuery
微信小程序连接服务器展示MQTT数据信息的实现
Jul 14 Javascript
使用vuex-persistedstate本地存储vuex
Apr 29 Vue.js
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 采集书并合成txt格式的实现代码
2009/03/01 PHP
php 安全过滤函数代码
2011/05/07 PHP
PHP中数据库单例模式的实现代码分享
2014/08/21 PHP
PHP屏蔽过滤指定关键字的方法
2014/11/03 PHP
php抽象类用法实例分析
2015/07/07 PHP
php中namespace及use用法分析
2016/12/06 PHP
PHP 实现页面静态化的几种方法
2017/07/23 PHP
解决thinkPHP 5 nginx 部署时,只跳转首页的问题
2019/10/16 PHP
如何用javascript去掉字符串里的所有空格
2007/02/08 Javascript
JQuery 选择器、过滤器介绍
2011/02/14 Javascript
jQuery.each()用法分享
2012/07/31 Javascript
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
Javascript对象属性方法汇总
2013/11/21 Javascript
node.js中的fs.close方法使用说明
2014/12/17 Javascript
JavaScript正则表达式之multiline属性的应用
2015/06/16 Javascript
js实现仿网易点击弹出提示同时背景变暗效果
2015/08/13 Javascript
微信小程序组件 contact-button(客服会话按钮)详解及实例代码
2017/01/10 Javascript
详解angularjs中如何实现控制器和指令之间交互
2017/05/31 Javascript
React通过redux-persist持久化数据存储的方法示例
2019/02/14 Javascript
微信小程序tab左右滑动切换功能的实现代码
2021/02/08 Javascript
深入浅析Python中join 和 split详解(推荐)
2016/06/30 Python
Python模块结构与布局操作方法实例分析
2017/07/24 Python
Python在信息学竞赛中的运用及Python的基本用法(详解)
2017/08/15 Python
python threading和multiprocessing模块基本用法实例分析
2019/07/25 Python
Python+numpy实现矩阵的行列扩展方式
2019/11/29 Python
python3中数组逆序输出方法
2020/12/01 Python
美国内衣第一品牌:Hanes(恒适)
2016/07/29 全球购物
印度领先的在线时尚商店:Koovs
2016/08/28 全球购物
AC Lens:购买隐形眼镜
2017/02/26 全球购物
德国Discount-Apotheke中文官网:DC德式康线上药房
2020/02/18 全球购物
马来西亚在线健康商店:Medipal Malaysia
2020/04/13 全球购物
小学三八妇女节活动方案
2014/03/16 职场文书
酒鬼酒广告词
2014/03/21 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python
Python办公自动化之教你用Python批量识别发票并录入到Excel表格中
2021/06/26 Python