Writing HTML Form Data to a Txt File Without The Use of a Webserver

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

You can use JavaScript:

<script type ="text/javascript">
 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();
 }
  </script>

If this does not work, an alternative is the ActiveX object:

<script type = "text/javascript">
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();
}
</script>

Unfortunately, the ActiveX object, to my knowledge, is only supported in IE.

Is it possible to write data to file using only JavaScript?

Some suggestions for this -

If you are trying to write a file on client machine, You can't do this in any cross-browser way. IE does have methods to enable "trusted" applications to use ActiveX objects to read/write file.
If you are trying to save it on your server then simply pass on the text data to your server and execute the file writing code using some server side language.
To store some information on the client side that is considerably small, you can go for cookies.
Using the HTML5 API for Local Storage.

How to use HTML forms without a server

Yes you absolutely can use forms/inputs/any kind of html element and never talk to a server, just don't expect to store that data! You're right about using events (like the onsubmit one you mentioned) to trigger Javascript functions.

Here is a quick and dirty example (heavy on the dirty) that does sorta kinda what you'd like. Note that instead of waiting for the form to be submitted before the color change, I go ahead and do it immediately after they choose a gender from the dropdown.

http://jsfiddle.net/wG8K4/1/

How to save string entered in HTML form to text file

You should learn about HTML Forms And PHP Form Handling.

In your code you have to use a form HTTP method. And the form data must sent for processing to a PHP file.

In this code i use HTTP PSOT method you can also use GET method the result will be same. This two method is used for collecting the form data. And the php file name is "action.php".

index.html

  <html>
     <head>
      <title>Field 1 & 2</title>
     </head>
     <body>
        <form action="action.php" method="post">
          What is your name?<br>
          <input type="text" name="field1"><br>
            <input type="text" name="field2"><br>
           <input type="submit" value="Submit">
        </form>
     </body>
    </html>

action.php

<?php
 $path = 'data.txt';
 if (isset($_POST['field1']) && isset($_POST['field2'])) {
    $fh = fopen($path,"a+");
    $string = $_POST['field1'].' - '.$_POST['field2'];
    fwrite($fh,$string); // Write information to the file
    fclose($fh); // Close the file
 }
?>

Save textarea data from HTML page to a TXT file

JavaScript is not able to edit or make changes directly to files stored on the web server without having some form of code running.

Using something like this:

<?php
if ($_POST["text"]) {
    file_put_contents("file.txt", $_POST["text"]);
}
?>

The above code runs when $_POST["text"] has been set.

Change your HTML form to something like this:

<html>
  <body>
    <form method="POST">
      <textarea name="text tyle="width: 100%; height: 200px;"></textarea>
      <input type="submit" value="submit" />
    </form>
  </body>
</html>

You can store both of these bits of code in one PHP file. The result would be like this:

<?php

if (isset($_POST["text"])) {
    $filename = "lista_toroq.txt";
    $fileContent = file_get_contents ($filename);

    $separator = "***********************";
    $new_content = $_POST["text"].$separator.$fileContent

    file_put_contents($filename, $new_content);
    echo "Text added to file";
}

?>
<html>
  <body>
    <form method="POST">
      <textarea name="text" tyle="width: 100%; height: 200px;"></textarea>
      <input type="submit" value="submit" />
    </form>
  </body>
</html>

Writing HTML Form Data to a Txt File Without The Use of a Webserver