第五章 WEB页面信息的交互——窗体与框架
下标或窗体元素名来实现。每一个元素主要是通过该元素的属性或方法来引用。其引用的基本格式见下:
formName.elements[].methadName (窗体名.元素名或数组.方法) formName.elemaent[].propertyName(窗体名.元素名或数组.属性) 下面分别介绍:
(1)Text单行单列输入元素
功能:对Text标识中的元素实施有效的控制。 基本属性:
Name:设定提交信息时的信息名称。对应于HTML文档中的Name。 Value:用以设定出现在窗口中对应HTML文档中Value的信息。 defaultvalue:包括Text元素的默认值 基本方法:
blur():将当前焦点移到后台。 select():加亮文字。 主要事件:
onFocus:当Text获得焦点时,产生该事件。 OnBlur:从元素失去焦点时,产生该事件。 Onselect:当文字被加亮显示后,产生该文件。 onchange:当Text元素值改变时,产生该文件。 例:
...
(2)textarea多行多列输入元素
功能:实施对Textarea中的元素进行控制。 基本属性
name:设定提交信息时的信息名称,对应HTML文档Textarea的Name。 Value:用以设定出现在窗口中对应HTML文档中Value的信息。
26
第五章 WEB页面信息的交互——窗体与框架
Default value:元素的默认值。 方法:
blur():将输入焦点失去 select():将文字加亮后 事件:
onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 Onchange:当文字值改变时,产生该事件 Onselect:当文字加亮后,产生该文件 (3)Select选择元素
功能:实施对滚动选择元素的控制。 属性:
name:设定提交信息时的信息名称,对应文档select中的name。 Length:对应文档select中的length options:组成多个选项的数组 selectIndex;该下标指明一个选项 select在中每一选项都含有以下属性: Text:选项对应的文字
selected:指明当前选项是否被选中 Index:指明当前选项的位置 defaultselected:默认选项 事件:
OnBlur:当select选项失去焦点时,产生该文件。 onFocas:当select获得焦点时,产生该文件。 Onchange:选项状态改变后,产生该事件。 (4)Button按钮
功能:实施对Button按钮的控制。 属性:
Name:设定提交信息时的信息名称,对应文档中button的Name。Value:用以设定出现在窗口中对应HTML文档中Value的信息。方法:
click()该方法类似于一个按下的按钮。 事件:
onclick当单击button按钮时,产生该事件。
27
第五章 WEB页面信息的交互——窗体与框架
例 :
...
.....
(5)checkbox检查框
功能:实施对一个具有复选框中元素的控制。 属性:
name:设定提交信息时的信息名称。
Value:用以设定出现在窗口中对应HTML文档中Value的信息。 Checked:该属性指明框的状态true/false. defauitchecked:默认状态 方法:
click()该方法使得框的某一个项被选中。 事件:
Onclick:当框的选被选中时,产生该事件。 (6)radio无线按钮
功能:实施对一个具单选功能的无线按钮控制。 属性:
Name:设定提交信息时的信息名称,对应HTML文档中的radio的name相同
Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中的radio的name。
length:单选按钮中的按钮数目。 defalechecked:默认按钮。 checked:指明选中还是没有选中。 index:选中的按钮的位置。 方法:
28
第五章 WEB页面信息的交互——窗体与框架
chick():选定一个按钮。 事件:
onclick:单击按钮时,产生该事件。 (7)hidden:隐藏
功能:实施对一个具有不显示文字并能输入字符的区域元素的控制。 属性:
name:设定提交信息时的信息名称,对应HTML文档的hidden中的Name。 Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档hidden中的value。
defaleitvalue:默认值 (8)Password口令
功能:实施对具有口令输入的元素的控制。 属性:
Name:设定提交信息时的信息名称,对应HTML文档中password中的name。 Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中password中的Value。
defaultvalu:默认值 方法:
select():加亮输入口令域。
blur():使这丢失passward输入焦点。 focus():获得password输入焦点。 (9)submit提交元素
功能:实施对一个具有提交功能按钮的控制。 属性:
name:设定提交信息时的信息名称,对应HTML文档中submit。
Value:用以设定出现在窗口中对应HTML文档中Value的信息,对应HTML文档中value。
方法
click()相当于按下submit按钮。 事件:
onclick()当按下该按钮时,产生该事件。
5.3窗体对象实例
下面我们演示通过点击一个按钮(red)来改变窗口颜色,点击“调用动态
29
第五章 WEB页面信息的交互——窗体与框架
按钮文档”调用一个动态按钮文档。
test8_1.htm
输出结果见图5-1所示。
30