javascript - 将表单保存到 html 文档

Question

我正在尝试建立一个“导师网络”，专业人士可以在其中留下一些基本联系信息，以便想要或需要导师的人可以去搜索。本质上我想做的是在有人将所有信息输入到我的表单中后，我希望它创建一个新的 html 文档并将变量写入该文档。我有一些 Javascript 和一个基本形式(有星星的部分是我不确定的部分。)

if (window.localstorage) {

  var txtUsername = document.getElementById('username'); //Get form elements
  var txtjobd = document.getElementById('jobd');

  txtUsername.vvalue = localStorage.getItem('username'); //Elements populated
  txtjobd.value = localStorage.getItem('jobd'); //by localStorage data

  txtUsername.addEventListener('input', function() { //Data saved
    localStorage.setItem('username', txtUsername.value);
  }, false);

  txtjobd.addEventListener('input', function() { //Data saved
    localStorage.setItem('jobd', txtjobd.value);
  }, false);

<div id="content">
  <form id="application" action="new.html">
    <label for="name">Name</label>
    <br/>
    <input type="text" id="name" name="name" />
    <br/>
    <label for="jobd">Job Descrition</label>
    <br/>
    <textarea id="jobd" name="jobd"></textarea>
    <input type="submit" />
  </form>
</div>
<script src="js/local-storage.js"></script>

我试图将创建的新变量保存到 new.html 中，我的另一个问题是这首先不会创建新文档并且第二个只会保存并重写到第一个 new.html所以这些就是我试图解决的问题，请随时告诉我，我从错误的 Angular 来看这个问题，我对 JavaScript 很陌生，而且我也认为 Jquery 可能是可行的方法，如果你这么认为，请告诉我。

Answer 1

首先，您需要 PHP。

如果你是一个带着这个想法来找我的客户，我会立即想到 5000 美元到 20000 美元的预算(换句话说，你似乎不理解这种事情有多么复杂和困难)。但是，如果您严格只需要一个创建 HTML 页面的表单，并且我强调，仅此而已，那么只需很少的 PHP 知识就可以做到这一点。

Someone provided a tutorial on creating a .txt file from a form - 鉴于您对这一切都是新手，但已经成功做到这一点，我相信您将能够尝试并更进一步。

形式:

<form name="form1" method="post" action="signup.php"> Username: <input type="text" name="user"><br>Email: <input type="text" name="mail"><br>Experience: <select name="exp"> <option value="beginner">Beginner</option> <option value="intermediate">Intermediate</option> <option value="advanced">Advanced</option> </select><br> <input type="submit" name="Submit" value="Sign Up"> </form>

创建 .txt 的 .php 文件:

<?php
$username = $_POST['user'];
$email = $_POST['mail'];
$experience = $_POST['exp'];

//the data
$data = "$username | $email | $experience\n";

//open the file and choose the mode
$fh = fopen("users.txt", "a");
fwrite($fh, $data);

//close the file
fclose($fh);

print "User Submitted";
?>

请记住，这只会创建一个简单的 .txt 文件。这些文件不会有任何索引，不会有编辑能力，不会有用户帐户——这些任务需要花费数百个小时，不包括学习所有这些以及知道如何在没有任何信息的情况下进行编码。安全问题。

如果您认真对待这个项目，我建议您联系 PHP 开发人员 - 或者准备好开始学习很多东西!祝你好运!