使用<html:reset>标签,有时候我们会发现reset按钮失效,点击该按钮并不能清空输入框。原因在此:w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)"在HTML表单中<inputtype="reset">标签每出现一次,一
使用<html:reset>标签,有时候我们会发现reset按钮失效,点击该按钮并不能清空输入框。

原因在此:

w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)
"在 HTML 表单中 <input type="reset"> 标签每出现一次,一个Reset对象就会被创建。当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。"

意思就是如果这个textarea如果设置了value属性的值,那么reset按钮就会恢复textarea到这个value属性的值,而不是空。

结论如下:

reset并不是清空输入框的值,而是将输入框的值恢复到value属性所指定的值。
看以下的例子就清楚了。将下面的HTML代码保存为一个.html文件,用浏览器打开,修改输入框的内容后,点击reset按钮,即可看到效果。

<form>
<input type="textarea" value="defaultValue"/>
<input type="reset" />
</form>

但是查询的结果页面我们有时候又希望value属性是有值的(上次查询的输入条件),那么我们就不能使用reset标签来实现清空功能了,注意是清空。

模拟的办法如下:使用button标签替代reset标签,利用js将该textarea的值置空。
最新资讯
Spotify多事之秋,王牌节目再惹麻烦

Spotify多事之秋,王牌

去年,Spotify封禁了阴谋论者亚历克斯·琼斯的个人博客
天问一号探测器完成第三次轨道中途修正

天问一号探测器完成第

2020年10月28日22时,在我国首次火星探测任务飞行控制团
奇迹降临?一片安眠药,唤醒了“沉睡”8年的病人

奇迹降临?一片安眠药,唤

造就短暂“奇迹”的一片安眠药。
机构:iPhone 12有望下半年成为全球最畅销5G手机

机构:iPhone 12有望下

按收益来说,三星Galaxy S20 + 5G是2020年上半年全球最
晚期肝癌突破!T+A免疫联合治疗方案,在中国正式获批

晚期肝癌突破!T+A免疫

PD-L1抑制剂阿替利珠单抗,与抗血管生成药物贝伐珠单抗
华为王成录:手机HarmonyOS开发者Beta版将如约而至

华为王成录:手机Harmon

华为王成录表示,手机HarmonyOS开发者Beta版将如约而至
最新文章
网页简单布局之结构与表现原则分享

网页简单布局之结构与

一般来说html结构 css表现 javascrip行为,网页布局要考
隐藏 Web 中的元素方法及优缺点教程详解

隐藏 Web 中的元素方

这篇文章主要介绍了隐藏 Web 中的元素方法及优缺点教
白话分析自适应跟响应式的区别详解

白话分析自适应跟响应

这篇文章主要介绍了白话分析自适应跟响应式的区别详解
div与div之间有空隙的解决方法

div与div之间有空隙的

今天在制作页面的时候发现两个div之间有空隙导致两个
推荐一款酷炫闪烁的告警按钮

推荐一款酷炫闪烁的告

今天小编给大家推荐一款酷炫闪烁的告警按钮,非常不错,具
移动端开发1px线的理解与解决办法

移动端开发1px线的理

这篇文章主要给大家介绍了关于移动端开发1px线的理解