Html Can';刷新后无法保存内容

Html Can';刷新后无法保存内容,html,Html,我和一个朋友正在尝试创建一个网站来帮助你组织一些东西,比如家庭作业,我们都是编程新手,但我们都知道一些基础知识。当您将文本从一个框拖动到另一个框时,我们无法保存内容,因此当我刷新页面时,文本不在我拖动到的框中 以下是我们当前的html代码: #第一组{ 浮动:左; 宽度:500px; 高度:400px; 利润率:20px; 填充:10px; 边框:2件纯黑; } #第二组{ 浮动:对; 宽度:500px; 高度:400px; 利润率:20px; 填充:10px; 边框:2件

我和一个朋友正在尝试创建一个网站来帮助你组织一些东西,比如家庭作业,我们都是编程新手,但我们都知道一些基础知识。当您将文本从一个框拖动到另一个框时,我们无法保存内容,因此当我刷新页面时,文本不在我拖动到的框中

以下是我们当前的html代码:


#第一组{ 浮动:左; 宽度:500px; 高度:400px; 利润率:20px; 填充:10px; 边框:2件纯黑; } #第二组{ 浮动:对; 宽度:500px; 高度:400px; 利润率:20px; 填充:10px; 边框:2件纯黑; } 功能allowDrop(ev){ ev.preventDefault(); } 功能阻力(ev){ ev.dataTransfer.setData(“文本”,ev.target.id); } 功能下降(ev){ ev.preventDefault(); var data=ev.dataTransfer.getData(“文本”); ev.target.appendChild(document.getElementById(数据)); } 9/14-9/18的家庭作业 做 完整的

test15757qweqwr

test15757qweqwr


这一点非常模糊,因为我们不知道您是如何构建它的。也许更具体一点,甚至更具体一点,读取服务器端数据存储(如果数据相对较少,则读取本地html5存储)是个好主意

编辑;正如您现在添加的代码一样,这会使它更清晰一些。 问题很简单:重新加载浏览器会清除输入字段中的所有输入(一些设置或扩展可以绕过这些设置或扩展,但不要介意那些边缘情况)

解决方案有点复杂。您可以将输入的数据存储在服务器(如数据库)上,并将会话/cookie附加到数据。您还可以查看HTML5本地存储,这样就不需要连接数据库

同样有帮助的是依靠浏览器的本机功能从缓存中记住输入的数据。为此,您需要在表单中使用输入字段,但在这种情况下,您是

答:取决于缓存


B:取决于此功能的浏览器实现

欢迎使用堆栈溢出!请发布您尝试/正在使用的任何代码。刷新页面将始终从提供服务的位置重新加载html。您可能需要发布到服务器并保存值…欢迎使用SO。就像@MosheSommers建议的那样,请发布代码示例,并明确指出您的困境以及我们可以帮助您解决的问题。还有,也许试着使用比“东西”更具体的措辞。我编辑了它,我把代码放进去,这样你就可以看到我们有什么我们可以建立一个数据库,你会建议我们做些什么来推进这项工作?