php - 如何在没有表单方法或操作的情况下将输入值保存在明显显示的输入字段中

Question

我对输入和表单操作的内部工作原理有点陌生。但我一直在孜孜不倦地研究试图弄清楚这一点，也许我没有研究正确的方法，但我很惊讶关于如何做一件我知道每天一整天都在做的非常常见的事情的信息是如此之少，并且保存用户名和密码等输入。但我再次希望，一旦使用单独的保存按钮在单独的输入上单击保存按钮，用户名和密码就保持可见

所以我想在 php 文件网页上创建几个输入字段。这些输入将允许我和其他与我一起工作的人存储用户名、密码和其他注释等内容。

让我们从这段代码开始。

<section>               
<div id="#" class="input-notediting">
   <input type="text" value="" id="first-input" class="input-notediting">
</div>
<button class="save-button" onclick="saveField()">
<i class="fa fa-floppy-o"></i>
</button> 
</section> 

部分标签内包含 1 个输入和 1 个保存按钮。一个部分中可能包含更多输入，具体取决于但是..

我知道你们很多人都想告诉我使用

<form method="post" action=""> 

包含输入。我并不反对这样做，但我见过其他使用 ajax 代码将字段保存到 php 脚本的解决方法，知道这可能没有必要。

很抱歉，这是我现在基本上知道如何处理我的特定问题和问题的所有代码。

但我很确定我需要使用一些 jQuery 将输入数据保存到 php 文件或 mySQL 数据库表？

基本上，我希望它的工作方式是，一旦用户单击保存按钮保存输入，该值就会永远保留在输入字段中，直到另一个人更改该值或物理删除它。我也希望它能够与单击保存按钮一起使用，如果可能的话，该按钮不会刷新页面，也不会显示任何对话框或成功保存。只是希望它干净漂亮，相信它正在工作，如果我在两天后重新加载页面，我保存的文本仍然会在那里。

我的研究向我指出了许多不同类型的解决方案。类似于将 mySQL 表的内容或 php 文件脚本变量重新回显到

<input vale="<?php echo (""); ?>"> 

也许是这样的。

其他研究向我指出了奇怪的解决方法，无论如何都不适合我的任务，但要求我使用

<form method="post" action=""> 

到php文件脚本，如果它有效并且是必要的，我也不反对这样做，但我真的希望页面不要在提交操作时重新加载，但我尝试了，然后由于某种原因我不能无论如何，获取表单操作将我带回到我所在的页面，这也很糟糕，我知道它一直做得很好，但我只是不知道该怎么做。

我希望这里有一个先进的解决方案。感谢大家。

请帮助我，我有一个大项目要做，我将不胜感激，并始终继续学习我能学到的一切。我或多或少是一个 html 和 css 专家，但最近处理表单、输入函数和数据库对我来说有点新鲜。

Answer 1

有多种选项可以保存输入字段的值。我将放弃这些方法，以便您可以继续研究它 -

1. localStorage (仅限 JS)
2. PHP Session (仅限 PHP)
3. Cookies (JS 和 PHP 均可用)