表单提交以将 .html 页面保存到文件夹中答案

【问题标题】：form submit to save .html page into a folder表单提交以将 .html 页面保存到文件夹中
【发布时间】：2014-02-14 17:46:43
【问题描述】：

这是我目前所在的位置：

HTML：

<FORM NAME="submit-form" ACTION="results.php" METHOD="GET"> 

<INPUT TYPE="text" id="name" NAME="name" >
<INPUT TYPE="text" id="price" NAME="price" >
<INPUT TYPE="text" id="description" NAME="description" >
<INPUT TYPE="text" id="img" NAME="img" >

<INPUT TYPE="submit" VALUE="See Demo" onclick="return validateForm()"> 
</form>

长话短说，我使用此表单将输入的表单数据显示到 .php 页面中，其中输入值通过<?php echo $_GET[''] ?> 方法注入到现有的 html 内容中。

这是示例 results.php 的样子：

/* other content */

   <div class="box">
      <h1><?php echo $_GET['name'] ?></h1>
      <p><?php echo $_GET['description'] ?></p>
      <div id="discounts"><h2><?php echo $_GET['discounts'] ?></h2></div>
      <img src="sitename/image/<?php echo $_GET['img'] ?>" />
   </div>

/* other content */

最后，在results.php中回显值后的最终结果：

/* other content */

   <div class="box">
      <h1>JOE SMITH</h1>
      <p>BEST GUY WITH THE BEST STUFF!</p>
      <div id="discounts"><h2>30% OFF</h2></div>
      <img src="sitename/image/1.jpg" />
   </div>

/* other content */

所以基本上内容会显示在 .php 页面的最终结果中。我希望实现的是基本上将整个 div 的内容（例如 .box ）从 results.php 页面保存为原始 html 以保存为 .html 页面。

目的是让客户填写表格，查看最终结果，如果他们犯了错误，可以返回并修复任何内容，一旦完成，然后让他们将其作为 .html 文件提交给我（最好点击一个按钮），稍后我可以验证它是好的，然后将它放在我的网站上。

盒子 div 是我想要保存到网站根文件夹中的 .html 文件的唯一内容，比如 /sitename/save-it-here/whatever.html

理想情况下，我希望保存的文件名以<h2> 标记中的文本开头，然后是<h1> 标记中的文本，这足以满足我的目的给它一个唯一的名称。

当我四处搜索时，我不知道从哪里开始完成这项工作，我看到的只是与数据库相关的东西，但我没有使用数据库，我使用的是手动插入的原始 html。

我们将不胜感激。

【问题讨论】：

How to save contents of a div to a .html file using a button 嗯？！ 抱歉，这对我来说没有任何意义。
很抱歉，如果我知道如何准确表达我需要的内容，我的研究工作可能会取得更好的结果。但我认为我在身体中解释得很好。你需要澄清什么？
抱歉，这只是个糟糕的主意。如果您尝试动态内容或用户提交的内容，我建议使用 MySQL 等数据库来发布所有提交内容。
目前我对数据库的了解非常有限，我希望找到一个临时解决方案，使用可能是快速修复的javascript。
@user3204638 花了一些时间并获得了一个强大的解决方案...... MySQL 非常容易学习。

标签： php html forms action autosave

【解决方案1】：

这是适合我需要的东西吗？

<?php
$con=mysqli_connect("example.com","me","abc123","my_db");
// Check connection
if (mysqli_connect_errno())
{
 echo "Failed to connect to MySQL: " . mysqli_connect_error();
 }

$sql="INSERT INTO Persons (Name, Price, Img)
VALUES
('$_POST[name]','$_POST[price]','$_POST[img]')";

if (!mysqli_query($con,$sql))
{
 die('Error: ' . mysqli_error($con));
 }
 echo "1 record added";

 mysqli_close($con);
?>

【讨论】：