个人网页设计与制作-毕业论文 下载本文

第五章 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

第五章 WEB页面信息的交互——窗体与框架

图5-1 调用动态按钮图 动态按钮程序。 test8_2.htm