📄 6.4.1.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>按钮对象包括普通按钮对象 button、提交按钮对象 submit 和重置按钮对象 reset，它们分别是在 INPUT 标记符中将属性设置为 button、submit
和 reset 时创建的。</p>
<p> 1. button 对象
<p>
普通按钮对象 button 通常用于响应用户的单击事件，从而使网页具有与一般 Windows 应用程序类似的界面效果和功能。最常见的用法是：通过为按钮定义
onClick 事件响应函数，执行一段 JavaScript 程序，从而获得与用户交互的效果（实际上，我们在前面的示例中已经多次用到这种方法）。<p>
例如，在以下示例中，当用户单击"显示"按钮时，将在"显示密码"文本框中显示出用户在"输入密码"文本框中输入的密码。
<p><a href="../src/tu6.11.htm" target="_blank">示例 </a>
<p> 2. submit 对象
<p>
提交按钮 submit 是表单中的一个重要组成部分，因为只有设置了该按钮才能将表单数据提交，从而使表单具有交互功能。在实际应用过程中，提交按钮通常是必不可少的，因为不能提交的表单也就失去了信息传递的意义。<p>
使用 submit 对象时，具有以下一些要点（在前面的一些示例中已经有所展示）：
<ul>
<li> 在 INPUT 标记符中应将 TYPE 属性设置为 submit，并将 VALUE 属性的值设置为要在提交按钮上显示的文字。如果不设置 VALUE
属性，则浏览器使用默认文字显示提交按钮。</li>
<li> 除非相应 form 对象中的 onSubmit 属性的值为 false，否则单击提交按钮的默认操作都是按照 form 标记符中的属性指定将表单数据提交。</li>
<li> 可以为 submit 对象指定 onClick 事件响应函数，以便响应单击事件，但响应之后仍然要执行提交操作。</li>
<li> 在相应 form 对象中指定 onSubmit 事件响应函数也可以在提交表单之前执行必要操作，例如进行表单数据有效性验证。默认情况下，FORM
标记符的 onSubmit 属性值为 true，如果将其设置为 false，则不再执行指定的表单提交操作。</li>
</ul>
<p>
例如，以下示例显示了这些要点的效果。
<p><a href="../src/tu6.12.htm" target="_blank">示例</a></p>
<p>
这段代码的效果为：单击提交按钮后，首先响应 onClick 事件，显示提示框；之后响应 onSubmit 事件，显示另一个提示框；由于将 false 返回给 onSubmit 属性，因此不再执行 action 和 method 指定的提交操作。<p>
<p> 3. reset 对象
<p>
表单中的重置按钮用于将表单信息恢复为默认状态，以便用户能够重新填写。在实际应用过程中，重置按钮有时可以省略。<p>
使用 reset 对象的要点与使用 submit 对象类似：
<ul>
<li> 在 INPUT 标记符中应将 TYPE 属性设置为 reset，并将 VALUE 属性的值设置为要在重置按钮上显示的文字。如果不设置 VALUE
属性，则浏览器使用默认文字显示重置按钮。</li>
<li> 除非相应 form 对象中的 onReset 属性的值为 false，否则单击重置按钮的默认操作都是将表单数据恢复为初始值。</li>
<li> 可以为 reset 对象指定 onClick 事件响应函数，以便响应单击事件，但响应之后仍然要执行重置操作。</li>
</ul>
<p>
在相应 form 对象中指定 onReset 事件响应函数也可以在重置表单之前执行必要操作。默认情况下，FORM 标记符的 onReset 属性值为 true，如果将其设置为
false，则不再执行重置操作。
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -