码迷,mamicode.com
首页 > Web开发 > 详细

jQuery表单美化插件jqTransform

时间:2015-04-12 19:28:49      阅读:144      评论:0      收藏:0      [点我收藏+]

标签:firefox   浏览器   safari   文本框   file   

jQuery Form表单美化插件jqTransform,非常实用的jQuery插件,自动把你整个Form表单进行美化处理,包括SELECT下拉框、文本框、单选、复选框、按钮等,当然不支持input file文件选择框,这个可以参照我们之前的input file选择框美化教程进行改造,在浏览器兼容方面,兼容 ie 6+, safari 2+, firefox 2+,

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> 

代码来自codego.net

jQuery表单美化插件jqTransform

标签:firefox   浏览器   safari   文本框   file   

原文地址:http://10073178.blog.51cto.com/10063178/1631564

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!