如何保存和查看用户在 HTML 中输入的文本

Question

我有一个网站，我希望用户能够提交我可以查看的文本，然后 post 作为人们无法编辑的文本。我有写入和保存信息供以后使用的功能，但我无法访问该文本。

这里是简化为文本输入和保存部分的代码（剩下的是样式等等）：

<html>
<head>
<title> Submit Text </title>
<script type="text/javascript">
function saveEdits() {

//get the editable element
var editElem = document.getElementById("edit");

//get the edited element content
var userVersion = editElem.innerHTML;

//save the content to local storage
localStorage.userEdits = userVersion;

//write a confirmation to the user
document.getElementById("update").innerHTML="- Edits saved!";

}
function checkEdits() {

//find out if the user has previously saved edits
if(localStorage.userEdits!=null)
document.getElementById("edit").innerHTML = localStorage.userEdits;
}
</script>
</head>
<body onload="checkEdits()">
<p>
<div id="edit" contenteditable="true">
<p>
Here is the element's original content
</p>
</div>
<p>
<input type="button" value="save my edits" onclick="saveEdits()"/>
<div id="update"><p> - Edit the text and click to save for next time</div></p>
</body>

这是我网站的 link，如果你想看看我在说什么，请执行以下操作： https://chattah.neocities.org/ChattahStory.html

这是我网站的一项新功能，我一直在努力

我缺少什么才能收集数据？我真的不想移动到 PHP 因为网站主机不支持 PHP，但是如果 PHP 是唯一的方法就可以了谢谢

Answer 1

您正在将数据存储到本地存储 - 客户自己的计算机。当然，您无法访问它。现在，您正在使用 JavaScript 作为客户端语言。您需要一种服务器端语言来获取输入数据。 PHP是我比较熟悉的一个。但如果你真的想坚持使用 JavaScript，Node.js 可能是你最好的选择。

如何保存和查看用户在 HTML 中输入的文本

How to save and view a text entry made by a user in HTML

html

text

data-collection