自定义表单（拖拽式表单）_拖拽自定义表单资源-CSDN文库

共10个文件

js：6个

gz：2个

html：1个

自定义表单

4星 · 超过85%的资源需积分: 48 114 浏览量 2017-08-16 17:19:38 上传评论 6 收藏 348KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

form.rar （10个子文件）

form

assets

css

demo.css 3KB

form-builder.min.js 334KB

form-render.min.js 178KB

demo.js 7KB

control_plugins

starRating.min.js 2KB

textarea.trumbowyg.min.js 22KB

vendor.js 297KB

form-builder.min.js.gz 77KB

form-render.min.js.gz 54KB

index.html 3KB

<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="assets/css/demo.css"> <link rel="stylesheet" type="text/css" media="screen" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" media="screen" href="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.1/jquery.rateyo.min.css"> <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> <title>拖拽式表单</title> </head> <body> <div class="content"> <h1>自定义表单</h1> <div class="action-buttons" style="margin-bottom: 10px;" > <button class="btn btn-primary" id="showData" type="button">查看数据</button> <button class="hideBtn btn-primary" id="getData" type="button">Get Data</button> <button class="btn btn-primary" id="getJSON" type="button">获取JSON</button> <button class="btn btn-primary" id="getXML" type="button">获取XML</button> <button class="btn btn-primary" id="getHTML" type="button">获取HTML</button> <button class="hideBtn btn-primary" id="clearFields" type="button">清除所有</button> <button class="hideBtn btn-primary" id="getJS" type="button">Get JS Data</button> <button class="hideBtn btn-primary" id="setData" type="button">Set Data</button> <button class="hideBtn btn-primary" id="addField" type="button">Add Field</button> <button class="hideBtn btn-primary" id="removeField" type="button">Remove Field</button> <button class="hideBtn btn-primary" id="testSubmit" type="submit">Test Submit</button> <button class="btn btn-primary" id="resetDemo" type="button">重置</button> <button class="btn btn-primary" id="editForm" type="button" style="position: relative;left: 654px;">编辑</button> <h2 class="hideBtn">i18n</h2> <select id="setLanguage" class="hideBtn"> <option value="ar-CN" dir="rtl">中文</option> <option value="ar-CN">中文</option> <option value="en-US">English</option> <option value="zh-TW">台語</option> </select> </div> <div id="stage1" class="build-wrap" style="margin-bottom: 10px;"></div> <div id="resultForm"> <form class="render-wrap"></form> </div>  <formdata id="formdata" style="display:none"></formdata>  </div> <script src="assets/js/vendor.js"></script> <script src="assets/js/form-builder.min.js"></script> <script src="assets/js/form-render.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/rateYo/2.3.1/jquery.rateyo.min.js"></script> <script src="assets/js/demo.js"></script> </body> </html>

评论收藏

内容反馈