⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 6.1.1.htm

📁 一部非常好的javaScript教程
💻 HTM
字号:
🔍 
<html>
<head>
<title>Untitled Document</title>
<LINK REL ="stylesheet" TYPE = "text/css" HREF = ".../contents.css">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>

<body bgcolor="#FFFFFF">
<h2 align="center">属性、方法与事件</h2>
<p>当用户在网页中添加了 FORM 标记符后，既创建了一个 form 对象。用户可以通过两种方式访问网页中的 form 对象：
<ul>
  <li> 使用 document.forms[] 数组，该数组代表文档中的所有表单。使用该数组时，既可以用索引号，也可以用名称。例如，如果文档中的第一个 
    FORM 标记符的 name 属性为 form1，则可以通过 document.forms[0] 或 document.forms['form1'] 
    来访问该 form 对象。</li>
  <li> 直接使用表单名称。例如，对于刚才的那个表单对象，可以通过 document.form1 来访问。</li>
</ul>
<p>
  获得了 form 对象之后，即可以通过使用其属性、事件和方法来实现各种功能。<p>
1.　属性、方法与事件列表<p>
  表 6.1 列出了 form 对象的各种属性、方法与事件以及相应的说明。</p>
<div align=center> 表 6.1 form 对象的属性、方法和事件</div><P>
<p><center>
  <table BORDER cellspacing=2 cellpadding=9 width=648>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">项目</font></b> 
        </div>
      </td>
      <td width="83%" valign="TOP"> 
        <div align="center"><b><font face="宋体,SimSun" lang="ZH-CN" size="1">说明</font></b> 
        </div>
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">action</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示表单提交时执行的动作，相当于</font><font size=1> 
        FORM </font><font face="宋体,SimSun" lang="ZH-CN" size=1>标记符</font><font size=1> 
        </font><font face="宋体,SimSun" lang="ZH-CN" size=1>的</font><font size=1> 
        action </font><font face="宋体,SimSun" lang="ZH-CN" size=1>属性，它通常是一个服务器端脚本程序的</font><font size=1> 
        URL</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">elements</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>代表表单中所有控件元素的数组，表单元素在该数组中的序号就是它在</font><font size=1> 
        HTML </font><font face="宋体,SimSun" lang="ZH-CN" size=1>源文件中的序号。</font> 
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">encoding</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示表单数据的编码类型，相当于</font><font size=1> 
        FORM </font><font face="宋体,SimSun" lang="ZH-CN" size=1>标记符的</font><font size=1> 
        enctype </font><font face="宋体,SimSun" lang="ZH-CN" size=1>属性。</font> </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">length</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示表单中元素的数目。</font> 
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">method</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示发送表单的</font><font size=1> 
        HTTP </font><font face="宋体,SimSun" lang="ZH-CN" size=1>方法，相当于</font><font size=1> 
        FORM </font><font face="宋体,SimSun" lang="ZH-CN" size=1>标记符的</font><font size=1> 
        method </font><font face="宋体,SimSun" lang="ZH-CN" size=1>属性，取值为</font><font size=1> 
        get </font><font face="宋体,SimSun" lang="ZH-CN" size=1>或</font><font size=1> 
        post</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">name</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示表单名称，相当于</font><font size=1> 
        FORM </font><font face="宋体,SimSun" lang="ZH-CN" size=1>标记符的</font><font size=1> 
        name </font><font face="宋体,SimSun" lang="ZH-CN" size=1>属性。</font> </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">onReset</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>当用户单击“重置”按钮时触发，执行相应的脚本代码。</font> 
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">onSubmit</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>当用户单击“提交”按钮时触发，执行相应的脚本代码。</font> 
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">reset()</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>将所有表单元素的值重新设置为它们的默认值，相当于单击表单中的“重置”按钮。</font> 
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">submit()</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>提交表单，相当于单击表单中的“提交”按钮。</font> 
      </td>
    </tr>
    <tr> 
      <td width="17%" valign="TOP"> 
        <div align="center"><font size="1">target</font> </div>
      </td>
      <td width="83%" valign="TOP"> <font size=1> </font><font face="宋体,SimSun" lang="ZH-CN" size=1>表示用来显示表单结果的目标窗口或框架，相当于</font><font size=1> 
        FORM </font><font face="宋体,SimSun" lang="ZH-CN" size=1>标记符的</font><font size=1> 
        target </font><font face="宋体,SimSun" lang="ZH-CN" size=1>属性，其取值可以是：</font><font size=1>_blank</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>_parent</font><font face="宋体,SimSun" lang="ZH-CN" size=1>、</font><font size=1>_self 
        </font><font face="宋体,SimSun" lang="ZH-CN" size=1>和</font><font size=1> 
        _top</font><font face="宋体,SimSun" lang="ZH-CN" size=1>。</font> </td>
    </tr>
  </table>
  <p></center>
<p>2.　访问表单元素
<p>
  单有 form 对象并不能构成一个有用的表单，要使表单能够起到传递信息的作用，其中必须包含各种表单元素，例如，文本框（text）、单选框（Radio）、复选框（checkbox）、按钮（button）等。<p>
  由于这些表单元素都是包含在表单中，因此是 form 对象的子对象，可以直接用名称进行访问。例如，如果一个名称为 form1 的表单中包含一个名称为 text1 
  的文本框，则可以用 document.form1.text1 来访问该文本框。<p>
  除了这种方式以外，还可以利用 form 对象的 elements 属性来访问表单元素。elements 属性是一个代表表单中所有元素的数组，数组元素值的顺序与在表单中出现的顺序相同。例如，如果名称为 
  form1 的表单表单中先后包含一个名为 text1 的文本框和一个名为 button 的按钮，则可以通过 document.form1.elements[0] 
  和 document.form1.elements[1] 来访问这两个元素（当然也可以通过在数组运算符中使用元素名称来访问，如 document.form1.elements['text1']，但这样显然没有必要）。
<p> 以下示例通过 elements 数组显示出表单中所有元素的名称。 
<p><a href="../src/tu6.1.htm" target="_blank">示例 </a>
<p>该示例的效果为：当单击&quot;按钮&quot;按钮时将在一个新窗口中显示出当前文档中表单的所有元素。 
<p>
  
<p> 3.　使用其他属性
<p> 以下示例使用 form 对象的各种属性显示了相应的表单信息。 
<p><a href="../src/tu6.2.htm" target="_blank">示例</a> 
<p>该示例的效果为：如果用户单击&quot;重置&quot;按钮，则弹出一个提示框，之后将重置用户在表单中填写的数据；如果用户单击&quot;提交&quot;按钮，则弹出一个新窗口，显示与表单有关的各种信息（FORM 
  标记符的 encoding 属性没有设置，因此返回默认值）；另外，由于 show() 函数返回 false，因此表单不再提交到 action 指定的 URL。 
<p>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -