<!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>
<!-- result -->
<formdata id="formdata" style="display:none"></formdata>
<!-- result -->
</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>