jQuery表单美化插件jqTransform
2015-04-12 17:47
501 查看
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
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使用详解
- JavaScript/jQuery 表单美化插件小结
- 11个jQuery表单元素美化插件(转)
- jQuery插件 -表单美化,NiceForm(酷)
- JavaScript/jQuery 表单美化插件
- JavaScript/jQuery 表单美化插件小结
- 基于Jquery的表单(Form)美化插件
- JavaScript/jQuery 表单美化插件小结
- 第33款插件:第27款插件:jquery.jqtransform.js表单美化
- 11个jQuery表单元素美化插件
- 11个jQuery表单元素美化插件
- jQuery和CSS3超酷表单美化插件
- jQuery插件---jLook(表单美化)
- JavaScript/jQuery 表单美化插件
- 11个jQuery表单元素美化插件
- form表单美化插件之jqTransform
- JavaScript/jQuery 表单美化插件小结
- 55个jQuery表单美化/增强插件
- jQuery插件2款之表单美化
- JavaScript/jQuery 表单美化插件小结