如何用表单数据创建静态html页面？

-3

我有html表单，我可以输入文本形式的数据。一旦提交按钮被按下，应该可以选择将其保存为html页面。它应该创建静态html页面。这是做什么最好的方法？如何用表单数据创建静态html页面？

html form cade可以是这样的一些事情。

<form method="post"> 
<textarea name="name" rows="2" cols="20"> </textarea > 
<input type="submit" value="Submit" /> 
</form>

来源

2014-06-19 user1903270

您想如何保存数据？在一个文件中？数据库？下载？你能执行一个服务器脚本，比如PHP，Perl吗？ – bloodyKnuckles

我想下载它。我不知道服务器脚本 – user1903270

你可以使用jQuery，只是抓住输入和填充这个相同的页面（如果你不需要它删除表格） – OutFall

看看这个库！ https://github.com/eligrey/FileSaver.js它允许您生成客户端文件（在这种情况下为html文件）并允许客户端下载它，而无需与服务器交互

来源

2014-06-19 23:11:14 ejramire

下面是基于宽松this answer的解决方案。当你点击按钮时，它会在浏览器中打开输入的html，用户可以保存该HTML。

样本HTML：获取HTML页面

的Javascript：

var textInput = document.getElementById("textInput"); 
var getHtml = document.getElementById("getHtml"); 

getHtml.addEventListener("click", function() { 
    var htmlBlob = new Blob([textInput.value], {type: "text/html"}); 
    window.location.href = window.URL.createObjectURL(htmlBlob); 
});

这里有一个jsfiddle版本

来源

2014-06-19 23:22:41 Retsam

如何用表单数据创建静态html页面？

回答

相关问题