reset object
A reset button on an htm form. A reset button resets all elements in a form to their defaults.
语法
To define a reset button, use standard htm 语法 with the addition of the onClick event handler:
<INPUT
TYPE="reset"
NAME="resetName"
VALUE="buttonText"
[onClick="handlerText"]>
NAME="resetName" specifies the name of the reset object. You can access this value using the name property. VALUE="buttonText" specifies the text to display on the button face. You can access this value using the value property.
To use a reset object's properties and 用法:
1. resetName.propertyName
2. resetName.methodName(parameters)
3. formName.elements[index].propertyName
4. formName.elements[index].methodName(parameters)
resetName is the value of the NAME attribute of a reset object. formName is either the value of the NAME attribute of a form object or an element in the forms array. index is an integer representing a reset object on a form. propertyName is one of the properties listed below. methodName is one of the 用法 listed below.
Property of
form
描述
A reset object on a form looks as follows:
A reset object is a form element and must be defined within a <FORM> tag.
The reset button's onClick event handler cannot prevent a form from being reset; once the button is clicked, the reset cannot be canceled.
Properties
name reflects the NAME attribute
value reflects the VALUE attribute
用法
click
Event handlers
onClick
例子
Example 1. The following example displays a text object with the default value "CA" and a reset button with the text "Clear Form" displayed on its face. If the user types a state abbreviation in the text object and then clicks the Clear Form button, the original value of "CA" is restored.
<B>State: </B><INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P><INPUT TYPE="reset" VALUE="Clear Form">
Example 2. The following example displays two text objects, a select object, and three radio buttons; all of these objects have default values. The form also has a reset button with the text "Defaults" on its face. If the user changes the value of any of the objects and then clicks the Defaults button, the original values are restored.
<htm>
<HEAD>
<TITLE>Reset object example</TITLE>
</HEAD>
<BODY>
<FORM NAME="form1">
<BR><B>City: </B><INPUT TYPE="text" NAME="city" VALUE="Santa Cruz" SIZE="20">
<B>State: </B><INPUT TYPE="text" NAME="state" VALUE="CA" SIZE="2">
<P><SELECT NAME="colorChoice">
<OPTION SELECTED> Blue
<OPTION> Yellow
<OPTION> Green
<OPTION> Red
</SELECT>
<P><INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
CHECKED> Soul and R&B
<BR><INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz">
Jazz
<BR><INPUT TYPE="radio" NAME="musicChoice" VALUE="classical">
Classical
<P><INPUT TYPE="reset" VALUE="Defaults" NAME="reset1">
</FORM>
</BODY>
</htm>
相关
button, form, and submit objects
分享到：
相关推荐
- **Object**：JavaScript 中的一切都是对象，包括函数。V8 提供了一套 API 来创建和操作 JavaScript 对象。 - **Function**：JavaScript 函数在 V8 中同样具有重要作用。开发者可以通过 V8 的 API 创建函数并调用...
单例模式每当您require('meta-setter') ，它将在所有位置返回相同的javascript对象。 这称为。为什么这有用？ MetaSetter对象是一个简单的单例对象，具有3种方法：init，updateMetaTags和Reset。 MetaSetter在客户端...
6. **表单重置与提交控制**：JavaScript可以控制表单的`reset`和`submit`行为，比如阻止默认的提交动作，或者在特定条件下触发提交。 7. **表单元素的属性操作**：可以动态修改表单元素的属性，如禁用（`disabled`...
内含： JavaScript语言参考手册.pdf (主要资源) 另外附上： ...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法 索引
<input type="reset" name="objectname" value="buttontext" [onclick="handlertext"]> ``` - **描述**：创建一个重置按钮，可以设置名称、显示文本及点击时触发的JavaScript函数。 - **应用场景**：用于重置表单...
当`<object>`指定的对象无法加载时触发。 - **`focus`**: 当元素获得焦点时触发。 - **`keydown`**: 当键盘上的某个键被按下时触发。如果持续按住某个键，则会不断触发此事件。 - **`keypress`**: 当按下并释放一个...
- `reset-1.0_utils-1.0.css` #### 三、数据类型 **1. 原始类型(Primitives)** - 当给一个原始类型赋值时，赋值的是该值的副本，而不是引用。JavaScript中的原始类型包括： - string - number - boolean - ...
- 示例：`document.forms[0].reset();` ### 16. 打开新窗口 - `window.open()` 用于打开新窗口。 - 示例：`window.open("http://example.com", "_blank");` ### 17. 关闭当前窗口 - 使用 `window.close()` 来关闭...
* `error`: 当 JS 脚本出错时，在 Window 对象上触发，当 `<img>` 出错时在其上触发，当 `<Object>` 指定对象无法载入时触发 * `focus`: 得到焦点 * `keydown`: 键盘键被按下时 * `keypress`: 按下一个键，产生一个...
- `typeof()`: 返回变量的数据类型，如`String`, `Boolean`, `Object`, `Function`, `Undefined`。 #### 十五、字符串操作 - `toLowerCase()`和`toUpperCase()`: 将字符串转换为全小写或全大写。 - `substring(0,5...
因此，推荐使用**JSON**（JavaScript Object Notation）来定义复杂的对象。 #### 三、构造函数 创建新对象的另一种常见方法是使用构造函数： ```html <script type="text/javascript"> function Person(name, ...
【下一章】 【索引】 【这是目录】 ---------------------------------------...netscape.javascript.JSObject 方法和静态方法 netscape.javascript.JSException 构造函数 netscape.plugin.Plugin 构造函数和方法
这通常涉及DOM（Document Object Model）操作，通过改变DOM节点的属性、样式或内容来更新页面视图。此外，事件监听也是关键，通过绑定各种用户交互事件（如点击、滚动、键盘输入等），控件可以响应用户操作并执行...
8. 清空与重置：实验中的`<input type="reset"`元素用于重置表单数据，将所有输入字段恢复到初始状态。 9. 数据输入与输出：实验中，用户可以在输入框(`<input type="text">`)中输入数据，点击按钮触发JavaScript...