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实现在小方框中浏览大图的代码
Aug 14 Javascript
javascript实现上传图片前的预览(TX的面试题)
Aug 20 Javascript
过虑特殊字符输入的js代码
Aug 05 Javascript
js判断字符是否是汉字的两种方法小结
Jan 03 Javascript
JS的location.href跳出框架打开新页面的方法
Sep 04 Javascript
jQuery中children()方法用法实例
Jan 07 Javascript
IScroll5 中文API参数说明和调用方法
May 21 Javascript
jQuery+ajax+asp.net获取Json值的方法
Jun 08 Javascript
老生常谈 js中this的指向
Jun 30 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
Oct 18 Javascript
使用puppeteer爬取网站并抓出404无效链接
Dec 20 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 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/25 PHP
PHP中常用的输出函数总结
2014/09/22 PHP
JS 对象介绍
2010/01/20 Javascript
基于JQuery的类似新浪微博展示信息效果的代码
2012/07/23 Javascript
jquery插件tooltipv顶部淡入淡出效果使用示例
2013/12/05 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
2014/02/19 Javascript
js点击事件链接的问题解决
2014/04/25 Javascript
NodeJS学习笔记之Connect中间件模块(二)
2015/01/27 NodeJs
javascript转换日期字符串为Date日期对象的方法
2015/02/13 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
Jquery zTree 树控件异步加载操作
2016/02/25 Javascript
vue双花括号的使用方法 附练习题
2017/11/07 Javascript
原生JavaScript实现的简单放大镜效果示例
2018/02/07 Javascript
VuePress 快速踩坑小结
2019/02/14 Javascript
Nodejs对postgresql基本操作的封装方法
2019/02/20 NodeJs
layui添加动态菜单与选项卡
2019/07/26 Javascript
解决layui checkbox 提交多个值的问题
2019/09/02 Javascript
nodejs nedb 封装库与使用方法示例
2020/02/06 NodeJs
简单了解JavaScript arguement原理及作用
2020/05/28 Javascript
JavaScript代码简化技巧实例解析
2020/09/09 Javascript
[01:14:30]TNC vs VG 2019国际邀请赛淘汰赛 胜者组赛BO3 第二场 8.20.mp4
2019/08/22 DOTA
Python Paramiko模块的安装与使用详解
2016/11/18 Python
Python面向对象思想与应用入门教程【类与对象】
2019/04/12 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
matplotlib交互式数据光标实现(mplcursors)
2021/01/13 Python
Jogun Shop中文官网:韩国知名时尚男装网站
2016/10/12 全球购物
凯特·丝蓓英国官网:Kate Spade英国
2016/11/07 全球购物
Regatta官网:英国最受欢迎的户外服装和鞋类品牌
2019/05/01 全球购物
计算机本科生自荐信
2013/10/15 职场文书
求职信范文英文版
2014/01/05 职场文书
安全检查汇报材料
2014/12/26 职场文书
酒店辞职书怎么写
2015/02/26 职场文书
社会实践心得体会范文
2016/01/14 职场文书
个人工作失误的保证书怎么写?
2019/06/21 职场文书
js实现模拟购物商城案例
2021/05/18 Javascript