个人网页设计与制作-毕业论文(7)

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

百度搜索“77cn”或“免费范文网”即可找到本站免费阅读全部范文。收藏本站方便下次阅读，免费范文网，提供经典小说综合文库个人网页设计与制作-毕业论文(7)在线全文阅读。