最近做了毕业设计,其中遇到了很多问题。其中之一就是关于reset标签,以前做项目的时候也并没有过多的关注,甚至忽略掉了这个知识点。这次项目时间比较充分,我就细细的研究了一下,并进行综合整理,顺便分享出来,供初学者借鉴!
使用<reset>标签,有时候我们会发现reset按钮失效,点击该按钮并不能清空输入框。
原因在此:
w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp
)"在 HTML 表单中 <input type="reset"> 标签每出现一次,一个Reset对象就会被创建。当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。"意思就是如果一个表单
项设置了value属性的值,那么点击reset按钮就会恢复此表单项到这个value属性的值,而不是空。
结论如下:
reset并不是清空输入框的值,而是将输入框的值恢复到value属性所指定的值。
看以下的例子就清楚了。将下面的HTML代码保存为一个.html文件,用浏览器打开,修改输入框的内容后,点击reset按钮,即可看到效果。
<form>
<input type="textarea" value="defaultValue"/>
<input type="reset" />
</form>
但是查询的结果页面我们有时候又希望value属性是有值的(上次查询的输入条件),那么我们就不能使用reset标签来实现清空功能了。
模拟的办法如下:使用button标签替代reset标签,利用js将该textarea的值置空。
分享到:
相关推荐
最近有人问我提交表单后怎么把输入框的内容清空了。 这种方法不止一种, 1、可以用表单的重置功能。 按钮设置: formType="reset">提交 form设置: bindreset="formReset"> 表单重置时会触发reset事件,在...
实现清空按钮的简单方法。 文章:http://blog.csdn.net/yysyangyangyangshan/article/details/43344485
标签,有时候我们会发现reset按钮失效,点击该按钮并不能清空输入框。 原因在此: w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp) "在 HTML 表单中 <input type="reset"> 标签每...
pureClearButton是一款基于Bootstrap的非常实用的用于清空和重置input输入框内容的jQuery按钮插件。当好在输入框中输入一些内容之后,如果想清除这些内容,可以直接点击输入框右侧的小圆叉按钮即可。
清空默认样式reset.min.css
有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”...
如下所示: 点击重置时,输入框被重置为空,而账号 select元素并没有被重置。 // 重置事件 $("#reset").click(function () { $("#searchContent").val(""); $("#selectKey").val(""); form.render(); }) ...
该资源用于中兴H618B的操作中BUG的解决方案。
CMOS image sensor hard reset soft reset,use to reduce the noise
那么如何使用图片按钮作为重置(reset)表单按钮呢?请接着往下看。 这里假设我有两个图片:提交按钮图片ok.gif、重置按钮图片reset.gif 用图片作为提交表单的代码为:<input type=image src=ok.gif alt= width=...
使用方法: 1. 双击打开下载的文件:L130_220_360_Reset.exe,...5. 点击Check按钮,获取当前废墨计数器的数值,然后选中计数器前面的选择框,点击Initialization按钮完成初始化。 6. 等待初始化完成,重启打印机即可。
Sync and Async reset
Trial-Reset 4.0 Final Fixed ,可用于清空流行的一些软件的注册表,用于快速卸载和方便重新安装。
Trial-Reset 是注册表清理工具. 该工具的主要功能是移除系统内商业软件以及免费软件程序保护壳所产生的试用信息及垃圾...虽然 Trial-Reset 不能破解这些程序,但能为你提供那些程序更长更久软件试用期。何乐而不为呢?
右键管理员打开trial-reset, 点击左边第三项(armadillo)向下箭头,选择扫描。 扫描完成后点击小箭头清理 对于番茄助手的下载残留如下解决 1.先卸载visual assist 2.开始-运行-regedit-删除HKEY_CURRENT_USER/...
网络上提供了很多现成的CSS Reset文件,让设计者能直接引用实现CSS重设。现在这里提供一个比较流行的方案,大家可以下载去研究一下,到底所谓的CSS Reset是怎么一回事,当然你也可以在一些Reset方案的基础上进行优化...
前端样式常用的reset
linux设置connection was reset
文章用来删除VA的注册表的试用信息,文件里面有详细的说明文档!亲测可用!