Use hidden field to store data : Form HTML « Form Control « JavaScript DHTML

Use hidden field to store data


<title>Input form</title>
<script type="text/javascript">

function setupEvents() {

function validateForm() {
   var strResults = "";
   for (var i = 0; i < document.someForm.elements.length - 1; i++) {
      strResults += document.someForm.elements[i].value;
   document.someForm.elements[3].value = strResults;
   document.someForm.text4.value = document.someForm.elements[3].value+"**";
  return false;
<form name="someForm">
    <input type="text" name="text1" /><br />
    <input type="password" name="text2" /><br />
    <input type="hidden" name="text3" value="hidden value" />
    <textarea name="text4" cols=50 rows=10>The text area</textarea>
    <input type="submit" value="Submit" />


Related examples in the same category

1.Adjusting a CGI Submission Action
2.Button Objects: Submit, Reset, and Button
3.Checking Elements on a Form
4.Submitting Forms to the Server
5.Variables in Hidden form
6.Creating an Example Form for User Feedback
7.Accessing the Elements of a Form
8.Using the form.elements Array
9.form.reset() and form.submit() Methods
10.The onReset and onSubmit Event Handlers
11. Passing a Form Object and Form Element to Functions
12. Last-Minute Checking Before Form Submission
13.A Form for Entering a URL
14.Storing the last value using a Hidden object.
15.Methods and Properties of the Submit Object
16.Methods and Properties of the Reset Object
17.Properties of the Hidden Object
18.Methods and Properties of the Form Object
19.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
20.Using the document.forms Property