将html表单数据保存到文件

时间:2015-01-26 07:18:57

标签: javascript php html forms

我正在使用Trisquel 7.0。我有一些关于HTML和JavaScript的基本知识。现在我想将html表单数据保存到文件中(也有兴趣从文件加载/填充html表单)。

我搜索并发现这可能与PHP等。但我不知道如何。作为初学者,我想只在html表单中保存文本文件中的文本信息。

下面我用简单的html表单和JavaScript函数编写简单的示例(没有任何操作)

<html>
<form name=myform>
<input type=text name=mytext>
<input type=button value=save onClick=saving()>
</form>
<script>
function saving()
{
}
</script>
</html>

现在我想将mytext中的文字保存到文字文件文件,例如mytext.txt。所有数据/文件都在我的PC上本地访问。那么,我该怎么做?使用PHP还是JavaScript?那怎么样? (给我一些基本的脚本/信息)。


同时建议我使用数据库学习交互html表单的外部资源。

2 个答案:

答案 0 :(得分:6)

如果你想在服务器端保存表单数据,我会用php这样做:

<?php
$action = $_GET["action"];
$myText = $_POST["mytext"];

if($action = "save") {
  $targetFolder = "/path/to/folder";
  file_put_contents($targetFolder."mytext.txt", $myText);
}
?>   
<html>
<head>
 <title>myform</title>
</head>
<body>
  <form action="?action=save" name="myform" method="post">
    <input type=text name="mytext">
    <input type="submit" value="save">
  </form>
</body>
</html>
  • 文件本身需要是一个php文件。
  • 此示例中未实现表单验证
  • 网络服务器需要$ targetFolder
  • 中的写入权限

但是,如果要在客户端保存数据,通常使用本地存储进行保存。但请注意,只有客户端才能访问其本地存储的数据。 这是一个例子: Storing Objects in HTML5 localStorage

答案 1 :(得分:0)

要保存没有数据库或后端的数据,您可以提供提供此功能的服务。 1. PageClip 2.使用盆 3. FormKeep 4. netlify 5. Formcarry

按照此博客链接查看详细信息http://rohitvinay.com/how-to-store-contact-form-data-without-backend/