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控制listbox中项的移动并排序
Nov 12 Javascript
使用jQuery UI的tooltip函数修饰title属性的气泡悬浮框
Jun 24 Javascript
jquery中load方法的用法及注意事项说明
Feb 22 Javascript
js变量、作用域及内存详解
Sep 23 Javascript
jQuery中:header选择器用法实例
Dec 29 Javascript
javascript实现滑动解锁功能
Dec 31 Javascript
Javascript基础教程之JavaScript语法
Jan 18 Javascript
JavaScript中的toDateString()方法使用详解
Jun 12 Javascript
JavaScript制作简单的日历效果
Mar 10 Javascript
vue组件数据传递、父子组件数据获取,slot,router路由功能示例
Mar 19 Javascript
react 中父组件与子组件双向绑定问题
May 20 Javascript
Vue快速实现通用表单验证的方法
Feb 24 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
PHP实现的进度条效果详解
2016/05/03 PHP
PHP unlink与rmdir删除目录及目录下所有文件实例代码
2018/02/07 PHP
PHP实现将上传图片自动缩放到指定分辨率,并保持清晰度封装类示例
2019/06/17 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
不懂JavaScript应该怎样学
2008/04/16 Javascript
jquery中eq和get的区别与使用方法
2011/04/14 Javascript
JavaScript高级程序设计 XML、Ajax 学习笔记
2011/09/10 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
解析JSON对象与字符串之间的相互转换
2013/12/18 Javascript
JavaScript实现的简单烟花特效代码
2015/10/20 Javascript
js如何改变文章的字体大小
2016/01/08 Javascript
Vue 过渡(动画)transition组件案例详解
2017/01/22 Javascript
javascript 判断当前浏览器版本并判断ie版本
2017/02/17 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
微信小程序实现星级评价效果
2018/12/28 Javascript
Vue使用mixin分发组件的可复用功能
2019/09/01 Javascript
Vue数字输入框组件的使用方法
2019/10/19 Javascript
微信小程序 生成携带参数的二维码
2019/10/23 Javascript
Angular 多级路由实现登录页面跳转(小白教程)
2019/11/19 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
[00:17]DOTA2荣耀之路5:It’s a disastah!
2018/05/28 DOTA
Python json模块使用实例
2015/04/11 Python
python简单实现旋转图片的方法
2015/05/30 Python
python方法生成txt标签文件的实例代码
2018/05/10 Python
python数据预处理 :数据共线性处理详解
2020/02/24 Python
python安装cx_Oracle和wxPython的方法
2020/09/14 Python
Python操作word文档插入图片和表格的实例演示
2020/10/25 Python
CSS3 Pie工具推荐--让IE6-8支持一些优秀的CSS3特性
2014/09/02 HTML / CSS
业务副厂长岗位职责
2014/01/03 职场文书
大学生学习自我评价
2014/01/13 职场文书
大学生见习期满自我鉴定
2014/09/13 职场文书
刑事案件上诉状
2015/05/23 职场文书
OpenCV-Python实现轮廓拟合
2021/06/08 Python
go web 预防跨站脚本的实现方式
2021/06/11 Golang
JavaCV实现照片马赛克效果
2022/01/22 Java/Android