Creating an Example Form for User Feedback : Form HTML « Form Control « JavaScript DHTML






  1. JavaScript DHTML
  2. Form Control
  3. Form HTML

Creating an Example Form for User Feedback

 <html> <head> <script language="JavaScript"> <!-- function setStatus(str) { window.status = str; return true; } var greeting="Hello! "; window.defaultStatus = greeting; // script end --> </script> </head> <body> <form action="mailto:your_mail_ID" method="post"> <select name="product" onFocus="setStatus('message.')" onBlur="setStatus('')"> <option>A <option>B <option>C <option>D <option>E <option>F <option>G </select> <br> <font size=5>Quantity:</font> <input type="text" name="quantity" value="1" size=4 maxlength=4 onFocus="setStatus('(1-1000).')" onBlur="setStatus('')"> <br> <font size=5>Toastiness:</font> <input type="text" name="toastiness" value="50" size=3 maxlength=3 onFocus="setStatus('0-100 (0=untoasted 100=burnt).')" onBlur="setStatus('')"> <br> <font size=5>Buttered:</font> <font size=5>Yes</font> <input type="radio" name="buttered" value="yes" checked onClick="setStatus('?')"> <font size=5>No</font> <input type="radio" name="buttered" value="no" onClick="setStatus('?')"> <hr> <input type="submit" value="Start Toaster"> <input type="reset"> </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.Accessing the Elements of a Form
7.Using the form.elements Array
8.form.reset() and form.submit() Methods
9.The onReset and onSubmit Event Handlers
10. Passing a Form Object and Form Element to Functions
11. Last-Minute Checking Before Form Submission
12.A Form for Entering a URL
13.Storing the last value using a Hidden object.
14.Methods and Properties of the Submit Object
15.Methods and Properties of the Reset Object
16.Properties of the Hidden Object
17.Methods and Properties of the Form Object
18.Client-Side JavaScript Objects and HTML Tags That Create Instances of Them
19.Using the document.forms Property
20.Use hidden field to store data
close