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






Use hidden field to store data

   

<html>
<head>
<title>Input form</title>
<script type="text/javascript">
window.onload=setupEvents;

function setupEvents() {
   document.someForm.onsubmit=validateForm;
}

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;
}
</script>
</head>
<body>
<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" />
</form>
</body>
</html>

   
    
    
  








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