jQuery plugin : jqTransform
2016-01-31 14:42
645 查看
Usage
1- Add javascript inclusion in the header section of your web page
//required <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.jqtransform.min.js"></script>
2- Write your form
<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- Finally use the plugin
After it, select the forms and call the jqTransform plugin. See some examples:<script type="text/javascript"> $(function() { //find all form with class jqtransform and apply the plugin $("form.jqtransform").jqTransform(); }); </script>
Additional information
Options available
Just edit the css file to customize your form, that's it.Compatibility
We did our best to make it work on ie 6+, safari 2+, firefox 2+相关文章推荐
- jquery select 左右移动
- JQuery中的AJAX
- 【jQuery基础学习】04 jQuery中的表格操作及cookie插件的使用
- laravel jquery.databases 搜索的问题
- jQuery插件jQuery Validation学习(三)——validator对象
- jquery dropdownlist.js
- jquery extend 多个扩展方法
- jQuery插件Validation学习(二)——rules的使用
- 不定义JQuery插件 不要说会JQuery
- jQuery中trigger无法触发hover事件解决方法
- jQuery插件jQuery-validation的基本用法(一)
- jQuery的扩展
- jquery easyui菜单树显示
- jQuery 遍历数组
- jsp中的jquery失效以及引入js失败的问题
- 使用Ajax以及Jquery.form异步上传图片
- $.ajax简写
- jquery easyui datagrid使用参考
- jQuery选择器和选取方法
- jquery手册