Using the document.forms Property : Form HTML « Form Control « JavaScript DHTML






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

Using the document.forms Property

 <HTML> <HEAD> <TITLE>document.forms example</TITLE> <SCRIPT LANGUAGE="JavaScript"> function myFunction() { if (document.forms[0].bluish.checked) { alert("Now going to the Blues music area...") } else { alert("Now going to Rock music area...") } } </SCRIPT> </HEAD> <BODY> <FORM NAME="theBlues"> <INPUT TYPE="checkbox" NAME="bluish">Check here if you've got the blues. </FORM> Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>Text<HR>Text<HR> <FORM NAME="visit"> <INPUT TYPE="button" VALUE="Visit music site" onClick="myFunction()"> </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.Use hidden field to store data
close