Writing html form data to a txt file without the use of a webserver

Question

I was wondering if there is a way to submit write html form data to a txt file with the use of scripts but with out using a webserver  webhost  wamp  xamp etc   I have been trying with php scripts but they just open the php document on submitting   Any help is appreciated  D

User · Answer

i made a little change to this code to save entry of a radio button but unable to save the text which appears in text box after selecting the radio button.

the code is below:-

    <!DOCTYPE html>
<html>
<head>
<style>
form * {
  display: block;
  margin: 10px;
}
</style>
<script language="Javascript" >
function download(filename, text) {
  var pom = document.createElement('a');
  pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + 

encodeURIComponent(text));
  pom.setAttribute('download', filename);

  pom.style.display = 'none';
  document.body.appendChild(pom);

  pom.click();

  document.body.removeChild(pom);
}
</script>
</head>
<body>

<form onsubmit="download(this['name'].value, this['text'].value)">
  <input type="text" name="name" value="test.txt">
  <textarea rows=3 cols=50 name="text">PLEASE WRITE ANSWER HERE. </textarea>
<input type="radio" name="radio" value="Option 1" onclick="getElementById('problem').value=this.value;"> Option 1<br>
<input type="radio" name="radio" value="Option 2" onclick="getElementById('problem').value=this.value;"> Option 2<br>
<form onsubmit="download(this['name'].value, this['text'].value)">
<input type="text" name="problem" id="problem">
  <input type="submit" value="SAVE">
</form>
</body>
</html>

User · Answer

You can use JavaScript    lt script type   text javascript  gt   function WriteToFile passForm         set fso   CreateObject  Scripting FileSystemObject          set s   fso CreateTextFile  C  test txt   True       s writeline document passForm input1 value       s writeline document passForm input2 value       s writeline document passForm input3 value       s Close          lt  script gt    If this does not work  an alternative is the ActiveX object    lt script type    text javascript  gt  function WriteToFile passForm    var fso   new ActiveXObject  Scripting FileSystemObject    var s   fso CreateTextFile  C   Test txt   true   s WriteLine document passForm input value   s Close       lt  script gt    Unfortunately  the ActiveX object  to my knowledge  is only supported in IE

User · Answer

Something like this     lt  DOCTYPE html gt   lt html gt   lt head gt   lt style gt  form       display  block    margin  10px     lt  style gt   lt script language  Javascript   gt  function download filename  text      var pom   document createElement  a      pom setAttribute  href    data text plain charset utf-8       encodeURIComponent text      pom setAttribute  download   filename      pom style display    none     document body appendChild pom      pom click       document body removeChild pom      lt  script gt   lt  head gt   lt body gt    lt form onsubmit  download this  name   value  this  text   value   gt     lt input type  text  name  name  value  test txt  gt     lt textarea rows 3 cols 50 name  text  gt Please type in this box  When you   click the Download button  the contents of this box will be downloaded to   your machine at the location you specify  Pretty nifty   lt  textarea gt     lt input type  submit  value  Download  gt   lt  form gt   lt  body gt   lt  html gt

User · Answer

I know this is old  but it s the first example of saving form data to a txt file I found in a quick search  So I ve made a couple edits to the above code that makes it work more smoothly  It s now easier to add more fields  including the radio button as  user6573234 requested  https   jsfiddle net cgeiser m0j7Lwyt 1   lt  DOCTYPE html gt   lt html gt   lt head gt   lt style gt  form       display  block    margin  10px     lt  style gt   lt script language  quot Javascript quot   gt  function download       var filename   window document myform docname value    var name    window document myform name value    var text    window document myform text value    var problem    window document myform problem value       var pom   document createElement  a      pom setAttribute  href    data text plain charset utf-8           quot Your Name   quot    encodeURIComponent name     quot  n n quot         quot Problem   quot    encodeURIComponent problem     quot  n n quot        encodeURIComponent text        pom setAttribute  download   filename      pom style display    none     document body appendChild pom      pom click       document body removeChild pom      lt  script gt   lt  head gt   lt body gt   lt form name  quot myform quot  method  quot post quot   gt     lt input type  quot text quot  id  quot docname quot  value  quot test txt quot    gt     lt input type  quot text quot  id  quot name quot  placeholder  quot Your Name quot    gt     lt div style  quot display unblock quot  gt      Option 1  lt input type  quot radio quot  value  quot Option 1 quot  onclick  quot getElementById  problem   value this value  getElementById  problem   show   quot  style  quot display inline quot    gt      Option 2  lt input type  quot radio quot  value  quot Option 2 quot  onclick  quot getElementById  problem   value this value  quot  style  quot display inline quot    gt       lt input type  quot text quot  id  quot problem quot    gt     lt  div gt     lt textarea rows 3 cols 50 id  quot text quot    gt Please type in this box   When you click the Download button  the contents of this box will be downloaded to your machine at the location you specify  Pretty nifty   lt  textarea gt        lt input id  quot download btn quot  type  quot submit quot  class  quot btn quot  style  quot width  125px quot  onClick  quot download    quot    gt      lt  form gt   lt  body gt   lt  html gt

[html] Writing html form data to a txt file without the use of a webserver

Examples related to html