gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 18:21:35 24 4
gpt4 key购买 nike

我正在尝试创建一个在线拖放表单,并且想知道如何使用 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 页面。谁能建议我怎么做。

最佳答案

你应该阅读divcontainer里面的html

喜欢

$('#divcontainer').html() 

document.getElementById('divcontainer').innerHTML 

然后你应该将这些内容附加到表单标签中

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

现在 saveForm 将为表单提供 html。您已将此保存为包含包装 html 和 body 标签的页面,并且您需要后端技术(如 php 或 .net)来保存文件。

关于javascript - 如何将html表单的内容保存为.html页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21726294/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com