正确理解RESET类型的INPUT控件实现重置效果的机制
来源:互联网 发布:网络通信设备 编辑:程序博客网 时间:2024/06/03 07:25
我们在填写表单的时候,往往都会发现其中有一个“重置”按钮,其作用也就是重置所有的控件,方便大家在填写错误的情况下,一次性恢复所有的控件的值,但这里可能有一个误解,就是点击重置按钮,就是将所有的控件的内容“清空”,这可能跟我们日常的应用有很大的关系,因为大多数情况下,其作用的确是清空所有控件(一般为text)的内容,于是,很有可能会给我们一个印象,是不是reset方法的作用就是清空所有的控件的值……
其实,不是这样的,reset真正的作用是将处于form中的所有控件都恢复到控件的“初始状态”,这个初始状态可不等于清空其内容,指的是在页面生成、控件生成的时候,控件自身的默认值!每个控件都有其默认值,当然,我们可以选择设置或者不设置,或者通过javascript的方式动态初始化控件的值,但,请一定要理解,只有控件源码中填写了的值才能成为控件的默认值,javascript动态变更控件值的方式,虽然给用户的感觉是初始化了页面控件,但这些值并不是控件的真正默认值哦,下面有一个例子,大家可以试试:
<form name="form1" action="regx.htm">
<input type="text" value="aaa" />
<input type="text" value="bbb" />
<input type="text" value="" />
<select>
<option value="aaa">aaa</option>
<option value="bbb" selected>bbb</option>
<option value="ccc">ccc</option>
</select>
<input type="reset" value="Reset" />
</form>
- 正确理解RESET类型的INPUT控件实现重置效果的机制
- input 标签中 reset 重置不能清空的原因
- 简单的CSS重置reset
- 如何用图片实现表单(form)的重置(reset)按钮
- 如何用图片实现表单(form)的重置(reset)按钮
- html中重置input标签中的数据的方法,类似于reset
- HTML+CSS基础 改变form-input-type-reset按钮(重置按钮)显示的文本
- 正确理解Java的反射机制
- jQuery重置(reset)表单的方法
- 使用JQuery重置(reset)表单的方法
- 使用jQuery重置(reset)表单的方法
- 使用jQuery重置(reset)表单的方法
- 使用jQuery重置(reset)表单的方法
- input输入控件的新类型
- 正确理解 SqlConnection 的连接池机制
- 正确理解 SqlConnection 的连接池机制
- 正确理解 SqlConnection 的连接池机制
- 类型为hidden的input,其里面的值无法reset
- 我被ORACLE看得头昏脑胀
- 译《Office商业应用程序入门》
- Java 实践——JTabel 绑定 List 数据
- 读取Xml文件进行绑定数据
- WINDOWS API函数大全
- 正确理解RESET类型的INPUT控件实现重置效果的机制
- Java字符串
- 关于:va_list,va_start,va_arg的3篇文章(ZZ)
- 晶振电路设计
- 将XML文件链接至HTML网页
- linux下tinycxx类库
- 灵活/弹性数组成员--结构体中0个元素的数组
- Your Computer Restarts Unexpectedly When You Press CTRL+ALT+DELETE to Unlock Your Computer
- 2008年7月起 公积金缴存基数上限将上调为11765元