form的下级对象


一.单行文本对象text
当javascript读到<input>标记中的type属性值为text时,自动建立一个文本按钮对象,并将该对象放到表单对象的elements数组当中
引用格式:document.forms[n].elements[n].属性   //document.forms[n].elements[n].方法
或            document.表单名.文本对象名.属性    //document.forms[n].文本对象.方法   混合用法

属性:
defaultValue  text对象的缺省值(对应html value属性初值)
name      text对象的名字(name属性)
value      text对象的当前值(value属性值)
form       text所在的表单.

常用方法:
blur()   失去焦点
focus() 得到焦点
select() 该对象设置成选取状态 

事件:

二.密码对象password
属性,方法,引用与单行文本text对象相同

三.多行文本对象textarea
属性,方法,引用与单行文本text对象相同

 

四.按钮对象button
当javascript读到<input>标记中的type属性值为button时,自动建立一个按钮对象,并将该对象放到表单对象的elements数组当中
引用格式:与单行文本相同

常用属性:
name   按钮对象的名字(与html name属性对应)
value   按钮显示的字符串
form     按钮所在的表单

常用方法:
blur()   失去焦点
focus() 得到焦点
click()   再该对象上单击鼠标左键

五.提交按钮对象submit
其属性,方法,引用格式,与按钮对象相同

六.重置按钮对象reset
其属性,方法,引用格式,与按钮对象相同

 

七.单选按钮radio
当javascript读到<input>标记中的type属性值为radio时,自动建立一个单选按钮对象,并将该对象放到表单对象的elements数组当中
引用格式:与单行文本相同

常用属性:
checked  设置该对象的选取状态,返回布尔值
defaultchecked  默认选取状态,
name   按钮对象的名字(与html name属性对应)
value   按钮的value属性值 0或1
form     按钮所在的表单

常用方法:
blur()   失去焦点
focus() 得到焦点
click()   再该对象上单击鼠标左键

事件:
1. onBlur   2.onFocus   3.onClick   4.onDblClick   5.onKeyDown    6.onKeyPress   7.onKeyUp   8.onMouseOver   9.onMouseUp   10.onMouseOut   11.onMouseDown   12.onMouseMove

八.复选框对象checkbox
其属性,方法,引用格式,事件与单选按钮对象相同

九.选择对象select
当javascript读到<select>标记时,自动建立一个单选选择对象,并将该对象放到表单对象的elements数组当中
引用格式:与前面相同

常用属性:
name  该对象的名字(与html, name属性相对应)
length  该对象option的数目
form  该对象所在表单
options 对应html的<option>标记,身也是对象
selectedIndex  代表选择项目的索引值(从0开始)

常用方法:
blur()   失去焦点
focus()  得到焦点

事件:
1. onBlur   2.onFocus   3.onClick   4.onDblClick   5.onKeyDown    6.onKeyPress   7.onKeyUp   8.onMouseOver   9.onMouseUp   10.onMouseOut   11.onMouseDown   12.onMouseMove

选项对象option //select的子对象
建立对象:new Option([文字,值,defaultSelected,selected]) //selected指定选中该选项 值对应html,value
属性:
defaultSelected  指定该选项为默认选择状态
index    所有选项构成的数组索引值
length   select.options数组的无素个数//同select对象的length
selected  是否被选中, 返回布尔值
text       该选项所显示的文字
value    选中后,传到服务器上的值