Drag and drops Form
200
18 марта 2018, 22:43
Друзья, добрый день!
Есть вопрос, касаемо сохранения данных из формы "drag and drop".
С помощью каких инструментов можно сохранить созданную тобой форму и выгрузить её к себе на компьютер. (Есть ли возможность выгрузки в xml например?).
Заранее благодарю за ответ. (код прилагаю.
<!DOCTYPE html>
<head>
<title>Boxmodel</title>
<link rel="stylesheet" href="stylesheets/min/compiled.min.css">
<link rel="stylesheet" type="text/css" href="google-code-prettify/prettify.css" />`введите сюда код`
</head>
<body>
<div class="row main-content">
<div class="col eight-col">
<div class="even-pad">
<div class="row">
<div class="col six-col">
<div class="even-pad">
<input type="button" value="Preview your form" class="preview">
</div>
</div>
<div class="col six-col">
<div class="even-pad">
<input type="submit" value="Save & Export your form" class="export">
</div>
</div>
</div>
<div class="grid js-drop-layout">
</div>
</div>
</div>
<div class="col four-col js-overlay-width draggables">
<div class="even-pad">
<h3>Draggables</h2>
<div class="accordion">
<h6>Rows and columns <span>+</span></h6>
<div>
<div class="layout-draggables">
<div class="row js-drag-layout">
<div class="col twelve-col">
<div class="even-pad js-drop-field">
</div>
</div>
</div>
<div class="row js-drag-layout">
<div class="col six-col">
<div class="even-pad js-drop-field"></div>
</div>
<div class="col six-col">
<div class="even-pad js-drop-field"></div>
</div>
</div>
<div class="row js-drag-layout">
<div class="col four-col">
<div class="even-pad js-drop-field"></div>
</div>
<div class="col four-col">
<div class="even-pad js-drop-field js-drop-field"></div>
</div>
<div class="col four-col">
<div class="even-pad js-drop-field"></div>
</div>
</div>
<div class="row js-drag-layout">
<div class="col three-col">
<div class="even-pad js-drop-field"></div>
</div>
<div class="col three-col">
<div class="even-pad js-drop-field js-drop-field"></div>
</div>
<div class="col three-col">
<div class="even-pad js-drop-field"></div>
</div>
<div class="col three-col">
<div class="even-pad js-drop-field"></div>
</div>
</div>
</div>
</div>
<h6>Form elements <span>+</span></h6>
<div>
<ul class="fields">
<h6>Text boxes <span>+</span></h6>
<div class="sub-accord">
<li>
<div class="js-drag-field">
<div class="temp-overlay"></div><label for="input">Text box</label><input type="text" class="text"></div>
</li>
<li>
<div class="js-drag-field">
<div class="temp-overlay"></div><label for="input">Text area</label><textarea name="" id="" cols="30" rows="5"></textarea></div>
</li>
</div>
<h6>Dropdowns <span>+</span></h6>
<div class="sub-accord">
<li>
<div class="js-drag-field">
<div class="temp-overlay"></div>
<label for="input">Dropdown</label>
<select name="" id="">
<option value="">Option one</option>
</select>
</div>
</li>
</div>
<h6>Radios & Checkboxes <span>+</span></h6>
<div class="sub-accord">
<li>
<div class="js-drag-field">
<div id="" class="radio-group">
<div class="temp-overlay"></div>
<label for="" class="radio-group-label">Radio button group</label>
<label class="radio" for="">
<input type="radio" name="radios" value="Option one" checked="checked">Option one
</label>
<label class="radio" for="">
<input type="radio" name="radios" value="Option two" checked="checked">Option two
</label>
</div>
</div>
</li>
<li>
<div class="js-drag-field">
<div id="" class="radio-group inline">
<div class="temp-overlay"></div>
<label for="" class="radio-group-label">Radio button group</label>
<label class="radio" for="">
<input type="radio" name="radios" value="Option one" checked="checked">Option one
</label>
<label class="radio" for="">
<input type="radio" name="radios" value="Option two" checked="checked">Option two
</label>
</div>
</div>
</li>
<li>
<div class="js-drag-field">
<div id="" class="checkbox-group">
<div class="temp-overlay"></div>
<label for="" class="checkbox-group-label">Checkbox group</label>
<label class="checkbox" for="">
<input type="checkbox" name="checkbox" value="Option one">Option one
</label>
<label class="checkbox" for="">
<input type="checkbox" name="checkbox" value="Option two">Option two
</label>
</div>
</div>
</li>
<li>
<div class="js-drag-field">
<div id="" class="checkbox-group inline">
<div class="temp-overlay"></div>
<label for="" class="checkbox-group-label">Checkbox group</label>
<label class="checkbox" for="">
<input type="checkbox" name="checkbox" value="Option one">Option one
</label>
<label class="checkbox" for="">
<input type="checkbox" name="checkbox" value="Option two">Option two
</label>
</div>
</div>
</li>
</div>
<h6>Buttons <span>+</span></h6>
<div class="sub-accord">
<li>
<div class="js-drag-field">
<div class="temp-overlay"></div><label>Upload a file</label><input type="file" class="file"></div>
</li>
<li>
<div class="js-drag-field">
<div class="temp-overlay"></div><input type="submit" value="Submit button"></div>
</li>
</div>
</ul>
</div>
<h6>Text elements <span>+</span></h6>
<div>
<ul class="fields">
<li>
<div class="js-drag-field">
<h1 class="free-text">Heading 1</h1>
</div>
</li>
<li>
<div class="js-drag-field">
<h2 class="free-text">Heading 2</h2>
</div>
</li>
<li>
<div class="js-drag-field">
<h3 class="free-text">Heading 3</h3>
</div>
</li>
<li>
<div class="js-drag-field">
<h4 class="free-text">Heading 4</h4>
</div>
</li>
<li>
<div class="js-drag-field">
<p class="free-text">Paragraph text</p>
</div>
</li>
</ul>
</div>
</div>
<h3 class="mt-40">Rendered HTML</h3>
<!-- <textarea name="rendered html" class="rendered-html" cols="30" rows="10"></textarea> -->
<pre class="prettyprint lang-html prettyprinted rendered-html"></pre>
<!-- <div class="rendered-html"></div> -->
</div>
</div>
</div>
<div class="menu"></div>
<div class="page-overlay"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<!-- <script src="js/min/main.min.js"></script> -->
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<script src="js/main.js"></script>
</body>
</html>
-
21:33
Виртуальный выделенный сервер (VDS) становится отличным выбором
-
22:26
-
22:40
-
08:34
-
15:01
-
17:01
-
11:24
-
10:16
-
17:54
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47689 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30538 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23716 visits
- Как через css изменить цвет png изображения? 10368 visits
- Blob video url download 9977 visits
- Php curl запрос через прокси с авторизацией 9235 visits
- Работа с captcha vk api 8112 visits
© "hostciti.net" 19.1.2025 | 16:11