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





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