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 相关文章推荐
解决 FireFox 下[使用event很麻烦] 的问题.
Aug 22 Javascript
js获取单元格自定义属性值的代码(IE/Firefox)
Apr 05 Javascript
javascript屏蔽右键代码
May 15 Javascript
基于jQuery实现动态数字展示效果
Aug 12 Javascript
基于javascript实现样式清新图片轮播特效
Mar 30 Javascript
JavaScript中数组Array方法详解
Feb 27 Javascript
javascript实现Emrips反质数枚举的示例代码
Dec 06 Javascript
Angular 4.x+Ionic3踩坑之Ionic 3.x界面传值详解
Mar 13 Javascript
jQuery实现简单复制json对象和json对象集合操作示例
Jul 09 jQuery
JavaScript折半查找(二分查找)算法原理与实现方法示例
Aug 06 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
微信小程序实现搜索历史功能
Mar 26 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
一个程序下载的管理程序(三)
2006/10/09 PHP
php 5.3.5安装memcache注意事项小结
2011/04/12 PHP
回帖脱衣服的图片实现代码
2014/02/15 PHP
8个PHP程序员常用的功能汇总
2014/12/18 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
推荐30个新鲜出炉的精美 jQuery 效果
2012/03/26 Javascript
Javascript delete 引用类型对象
2013/11/01 Javascript
jquery获取一个元素下面相同子元素的个数代码
2014/07/31 Javascript
javascript继承机制实例详解
2014/11/20 Javascript
浅谈js的html元素的父节点,子节点
2016/08/06 Javascript
nodejs个人博客开发第六步 数据分页
2017/04/12 NodeJs
JS中Safari浏览器中的Date
2017/07/17 Javascript
nodejs创建简易web服务器与文件读写的实例
2017/09/07 NodeJs
chosen实现省市区三级联动
2018/08/16 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
[01:08:44]NB vs VP 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
在Python中使用NLTK库实现对词干的提取的教程
2015/04/08 Python
用TensorFlow实现多类支持向量机的示例代码
2018/04/28 Python
PyQt5内嵌浏览器注入JavaScript脚本实现自动化操作的代码实例
2019/02/13 Python
Python流程控制 while循环实现解析
2019/09/02 Python
Python hashlib加密模块常用方法解析
2019/12/18 Python
pytorch方法测试详解——归一化(BatchNorm2d)
2020/01/15 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
python调用HEG工具批量处理MODIS数据的方法及注意事项
2020/02/18 Python
python 在threading中如何处理主进程和子线程的关系
2020/04/25 Python
python3爬虫中引用Queue的实例讲解
2020/11/24 Python
Ralph Lauren拉夫·劳伦美国官网:带有浓郁美国气息的高品味时装品牌
2017/11/01 全球购物
初中生期末考试的自我评价
2013/12/17 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
大学新闻系应届生求职信
2014/06/02 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
2015年加油站工作总结
2015/05/13 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
养成教育主题班会
2015/08/13 职场文书
六五普法先进个人主要事迹材料
2015/11/03 职场文书
python基础入门之普通操作与函数(三)
2021/06/13 Python