Question

我的表格很简单，我想将输入内容保存为文本文件，我该怎么做？

这是html代码

  <div id="wrapper">
  <div class="main-content">
    <div class="header">

    </div>
    <div class="l-part">
      <input type="text" placeholder="Username" class="input-1" />
      <div class="overlap-text">
        <input type="password" placeholder="Password" class="input-2" />
        <a href="#">Forgot?</a>
      </div>
      <input type="button" value="Log in" class="btn" />
    </div>
  </div>
  <div class="sub-content">
    <div class="s-part">
      Don't have an account?<a href="#">Sign up</a>
        </div>
       </div>
        </div>

Answer 1

仅使用html，您只能在您的网站上显示内容。要将内容保存到数据库或文本文件中，必须使用PHP或JavaScript之类的东西。另外，您现在拥有的代码不包含任何标签。您需要此标记来告知浏览器这是一种表单，并且可以提交到您的网站。这是一个简单的表单示例，该表单在提交后会使用PHP将自身保存到文本文件中：

<?php

if ($_SERVER['REQUEST_METHOD'] === "POST") { // If someone is submitting a form
    $myfile = fopen("file.txt", "w") or die("Unable to open file!"); // Open/create the file to write in
    // Add parameters that are included in $_POST
    $txt = "First Name: " . $_POST["firstname"];
    $txt .= "\nLast Name: " . $_POST["lastname"];
    $txt .= "\nAge: " . $_POST["age"];
    fwrite($myfile, $txt); // Write $txt to file
    fclose($myfile); // Save the file
}

?>

<body>
<form method="post">
    <input type="text" name="firstname">
    <input type="text" name="lastname">
    <input type="text" name="age">
    <input type="submit">
</form>
</body>

Answer 2

您不能仅使用HTML来执行此操作。也许这可以帮助您： Is it possible to write data to file using only JavaScript?

您将需要读取输入数据并使用javascript保存到.txt文件。

我如何将输入内容从HTML页面保存到文本文件

2 个答案: