热门关键字:
jquery > jquery教程 > jquery教程 > jQuery表单美化插件jqTransform

jQuery表单美化插件jqTransform

362
作者:管理员
发布时间:2021/1/30 15:52:38
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3680
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> 






如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:html
友荐云推荐