[javascript第4章.pptVIP

第四章 表单对象 课程目标 熟悉JavaScript的action、elements、name、length属性 掌握JavaScript的submit()方法 掌握文本框、普通按钮、提交按钮、重置按钮、下拉框、单选按钮、复选按钮、文件上传等对象的使用方法 体验项目——时间显示器、文字循环滚动显示 想知道常用表单对象是如何使用吗？想在网页中自己设计一个“学生信息管理”的界面吗？请看本章的体验程序。 表单对象及其常用属性、方法 表单对象是页面中最常用的对象之一，它有自己的属性和方法。 表单对象Form 表单对象是文件对象的子对象，JavaScript的运行时引擎自动为每一个表单建立一个表单对象。 格式： document.forms[索引].属性 document.forms[索引].方法（参数） document.表单名称.属性 document.表单名称.方法（参数） 文本对象Text 格式： document.forms[索引].elements[索引].属性 document.forms[索引].elements[索引].方法（参数） document.表单名称.文本对象名称.属性 document.表单名称.文本对象名称.方法（参数） 按钮对象Button 格式： document.forms[索引].elements[索引].属性 document.forms[索引].elements[索引].方法（参数） document.表单名称.按钮对象名称.属性 document.表单名称.按钮对象名称.方法（参数） 密码对象Password 格式： document.forms[索引].elements[索引].属性 document.forms[索引].elements[索引].方法（参数） document.表单名称.密码对象名称.属性 document.表单名称.密码对象名称.方法（参数） 下面看一下密码对象的使用，下面的例子将在页面里显示一个密码框。 Submit（提交按钮）对象、Reset（重置按钮）对象 Submit对象是一个表单元素，必须在Form标记内定义。 单击“提交”按钮将把表单提交给由表单的“action”属性所指定的URL处理。该URL可是其他页面，也可以是本页面。 下面的例子将创建一个名称为“submitButton”的Submit对象，按钮上的显示文字为“完成”。 input type=“submit” name=“submitButton” value=“提交 Reset对象是用于清除用户输入的表单数据，比如下面的例子就是清除用户输入到文本对象中的内容，以便用户重新输入。 form name=form1 b国籍: /binput type=text name=state size=5 brinput type=reset value=重置 /form 选择对象Select 选择对象的子对象Option 请选择你喜欢的音乐(单选)： select name=music_Type_single option Selected RB /option option Jazz /option option Blues /option optionNew Age /option /select p请选择你喜欢的音乐(多选):/p select Name=music_Type_multi Multiple option SelectedRB /option optionJazz /option optionBlues /option optionNew Age /option /select 单选按钮对象radio Html表单中一组单选按钮中的单个单选钮。用户可以使用一组单选按钮用于从一系列选项中选择一个。 Html中将input标签中的type属性值设定为“radio”即可创建radio类型的对象。所有位于同一组中的单选按钮的name属性必须相同。这将使得它们可以作为一个独立组访问。 格式： document.forms[索引].elements[索引](索引).属性。 document.forms[索引].elements[索引](索引).方法（参数） document.表单名称.单选对象名称[索引].属性 document.表单名称.单选对象名称[索引].方法（参数） 复选对象Checkbox 复选对象是可以同时选中多个选项的对象。 格式： document.forms[索引].