使用 HTML/JS 将输入保存到文本文件


Using HTML/JS to save an input to text file?

基本上,有没有办法做到这一点?

我正在尝试创建一个网站,当输入正确的"密码"时,它会将用户带到一个页面。我让这一切使用以下代码;

<div class="row">
    <center>
        <form name="login" style="margin: 0px">
            <INPUT TYPE="text" NAME="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;" style="width: 152px; margin: 5px;"><br>
           <input type="button" value="Click to submit!" style="width : 150px; margin: 3px" onClick="TheLogin(this.form)">
        </form>
   </center>
</div>

而这个脚本:-

<script language="JavaScript" type="text/javascript">
function TheLogin() {
    var password = 'Mehra';
    if (this.document.login.pass.value == password) {
        top.location.href="loginyes.html";
    }
    else {
        location.href="loginno.html";
    }
}
</script>

但是,我正在尝试获取它,以便如果用户输入密码以外的内容,它会将此数据记录到例如文本文件中。因此,如果我输入"Mehra",它会让我登录是的.html如果我输入其他任何内容,例如"密码",它会带我登录.html但在我的服务器上创建一个名为password.txt的文件。

提前致谢:)

  1. Web的体系结构阻止在他的机器上进行任何客户端操作。这只是出于安全原因。如果可能的话,感染病毒很容易。
  2. 在此cenario中,您需要将此请求发送到服务器,生成文件并将其返回到客户端或保存在服务器端。这取决于您的要求。

所以你需要PHP,Java,Groovy或Python Web应用程序来做到这一点。

友情链接:

使用 javascript 访问本地文件

如果您绝对无法使用服务器端,请查看本地存储。W3学校本地存储;您应该将样式放在 css 中,并且不推荐使用中心标记。

if(typeof(Storage) !== "undefined") {
     
  var passw=document.getElementById('passwordfield').value;
  localStorage.setItem("passw", passw);
 } else {
      alert("Sorry your browser does not support this script");
 }
 <form name="login" style="margin: 0px">
           <INPUT TYPE="text" NAME="pass" size="17" onKeyDown="if(event.keyCode==13) event.keyCode=9;" id="passwordfield" style="width: 152px; margin: 5px;"><br>
           <input type="button" value="Click to submit!" style="width : 150px; margin: 3px" onClick="TheLogin(this.form)">
           </form>