Accessing form Fields : Introduction « Form « JavaScript Tutorial

Home
JavaScript Tutorial
1.Language Basics
2.Operators
3.Statement
4.Development
5.Number Data Type
6.String
7.Function
8.Global
9.Math
10.Form
11.Array
12.Date
13.Dialogs
14.Document
15.Event
16.Location
17.Navigator
18.Screen
19.Window
20.History
21.HTML Tags
22.Style
23.DOM Node
24.Drag Drop
25.Object Oriented
26.Regular Expressions
27.XML
28.GUI Components
29.Dojo toolkit
30.jQuery
31.Animation
32.MS JScript
JavaScript Tutorial » Form » Introduction 
10.1.4.Accessing form Fields

Every form field is contained in the form's elements collection.

You can access the various fields in the collection by using their name attributes or their positions in the collection:

var firstField = oForm.elements[0];    //get the first form field
var myTextbox = oForm.elements["textbox1"];//get the field with the name "textbox1"

Accessing an element by its name: every form field becomes a property of the form itself and can be accessed directly by using its name

var myTextbox1 = oForm.textbox1; //get the field with the name "textbox1"

If the name has a space in it, use bracket notation instead:

var myTextbox = oForm["text box 1"]//get the field with the name "text box 1"
10.1.Introduction
10.1.1.Form Basics
10.1.2.A form can contain any number of input elements:
10.1.3.Getting form References
10.1.4.Accessing form Fields
10.1.5.Form Field Commonalities
10.1.6.Change string to big, bold, fixed with form control
10.1.7.Change string to italics, small, strike with form control
10.1.8.Change string to subscript and superscript with form control
java2s.com  | Contact Us | Privacy Policy
Copyright 2009 - 12 Demo Source and Support. All rights reserved.
All other trademarks are property of their respective owners.