将表单保存到html文档

时间:2014-09-26 03:26:18

标签: javascript jquery html

我正试图建立一个"导师网络"专业人士可以提供一些基本的联系信息,以便需要或需要导师的人可以去搜索他们。基本上我想要做的是在有人将所有信息输入到我的表单后,我希望它创建一个新的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>
&#13;
&#13;
&#13; 我试图将创建的新变量保存到new.html,而我的另一个问题是这首先没有创建新文档, 第二个只会保存并重写为一个new.html 所以这些是我试图解决的问题,并随时告诉我,我是从错误的角度来看待这个,我是JavaScript的新手,我也认为Jquery可能是你要走的路,如果你认为所以请告诉我。

1 个答案:

答案 0 :(得分:0)

首先,你需要PHP。

如果你是一个客户来找我这个想法,我会立即想到5万到2万美元的预算(换句话说,你似乎不理解这种事情是多么复杂和困难)。但是,如果您严格只需要一个创建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开发人员 - 或者准备开始学习很多东西!祝你好运!