將表單保存爲html文檔

我試圖建立一個「導師網絡」，專業人員可以放下一些基本的聯繫信息，以便需要或需要導師的人可以去搜索它們。基本上我想要做的是在有人將所有信息輸入到我的表單後，我希望它創建一個新的html文檔並將變量寫入該文檔。我有一些JavaScript和基本形式（有星星的部分是我不確定的一部分。）將表單保存爲html文檔

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 所以這些都是我試圖解決的問題，並隨時告訴我，我要從這個錯誤的角度，即時通訊新的JavaScript，我也認爲，如果你認爲請告訴我，Jquery可能會走的路。

來源

2014-09-26 Ajanofu1

你不能在服務器上用客戶端Javascript單獨創建一個新的html文件 - 你需要在服務器上使用類似PHP或NodeJS的東西來爲你做這件事。一個更好的方法是使用像PHP這樣的服務器端語言將數據保存到數據庫中，然後使用一個PHP文件顯示單個指導者的數據，而不是使用100個html文件數據庫。不幸的是，PHP在一個問題中講授太廣泛了。 – 2014-09-26 04:05:42

意義重大 - 你在'txtUsername.vvalue'處有一個錯字 – asprin 2014-09-26 04:55:56

首先，你需要PHP。

如果你是這個想法的客戶，我會立即想到5k到20k美元的預算（換句話說，你似乎不理解這種事情有多複雜和困難）。但是，如果您嚴格只需要一個創建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開發人員 - 或準備開始學習很多！祝你好運！

來源

2014-09-26 04:52:37 MattWithoos

謝謝，我想php是要走的路。 – Ajanofu1 2014-09-26 15:34:54

將表單保存爲html文檔

回答

相關問題