Question

我正在尝试创建在线拖放表单，并想知道如何使用HTML扩展程序或作为模板保存已删除的内容及其各自的ID。 HTML：

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type='text/javascript' src='//code.jquery.com/jquery-1.9.1.js'></script>
    <link rel="stylesheet" type="text/css" href="/css/result-light.css">
</head>
<body>
    <div id="divcontainer">
        //in div1 and div3 m dropping the fields randomly
        <div id="div1" ondrop="drop(event,this.id)" ondragover="allowDrop(event)"></div>
        <div id="div3" ondrop="drop(event,this.id)" ondragover="allowDrop(event)"></div>
    </div>
</body>
</html>

删除所有字段后，我想将表单保存为HTML页面。谁能建议我怎么做。

Answer 1

您应该阅读divcontainer中的html

喜欢

$('#divcontainer').html()

或

document.getElementById('divcontainer').innerHTML

然后你应该将这些内容附加到像

这样的标签上

var saveForm = '<form>'+$('#divcontainer').html()+'</form>';

现在saveForm将拥有表单的html。你已经将它保存为包含html和body标签的页面，你需要像php或.net这样的后端技术来保存文件。

如何将html表单的内容保存为.html页面

1 个答案: