如何在HTML中保存和查看用户所做的文本条目

时间:2017-01-10 22:59:29

标签: html text data-collection

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

以下是简化为文本输入和保存部分的代码(其余部分是造型而不是样式):

<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> 

以下是我网站的链接,以防您想要查看我正在谈论的内容: https://chattah.neocities.org/ChattahStory.html

这是我一直致力于我的网站的新功能

我缺少什么才能收集数据?我真的不想转移到PHP,因为网站主机不支持PHP,但如果PHP是唯一的方式它是好的 谢谢

1 个答案:

答案 0 :(得分:1)

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