html reset 无效,HTML中的input type=reset标签失效(不起作用)的可能原因

使用标签，有时候我们会发现reset按钮失效，点击该按钮并不能清空输入框。

原因在此：

w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)

"在 HTML 表单中标签每出现一次，一个Reset对象就会被创建。当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。"

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

结论如下：

reset并不是清空输入框的值，而是将输入框的值恢复到value属性所指定的值。

看以下的例子就清楚了。将下面的HTML代码保存为一个.html文件，用浏览器打开，修改输入框的内容后，点击reset按钮，即可看到效果。

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

模拟的办法如下：使用button标签替代reset标签，利用js将该textarea的值置空。

详细出处参考：http://www.jb51.net/web/18430.html

html reset 无效,HTML中的input type=reset标签失效(不起作用)的可能原因相关推荐

HTML中INPUT type=date标签如何赋值注意问题
现在的html5 input标签支持type="date" 显示有日期的日历控件,一行简单的代码就能显示出一个日历控件,但是有的时候需要给它一个默认的日期值,这个时候可能就要用到v ...
input type=range标签用法实例代码
在HTML5中,又新增许多新<input>控件类型,比较实用的一个就是<input type="range">,以滑竿的方式来调整value值,在这以前需要 ...
html range关联文本框,HTML5gt;meter标签与input(type=range)标签结合制作简易范围指示器...
HTML5>meter标签与input(type=range)标签结合制作简易范围指示器发布时间:2020-03-26 15:41 很多时候我们能看到这样的表示范围的优化工具,能给人带来很好的 ...
input type=file 标签禁止让用户手动输入
常规的Web应用程序中涉及到文件上传的部分都不可避免地会使用到<input type="file"/>控件,在上传文件的时候通过点击"浏览"按钮,在 ...
手机端input[type=date]的placeholder不起作用
<div class="input clearfix"><label class="fl">起始日期</label>< ...
手机浏览器input type=file标签调用手机拍照+分片上传
闲话不多说,开发背景也不是大家关心的话题.就直接说实现如题功能首先,你的手机要支持html5吧(现在应该都支持吧) 然后,html代码只要一句<input>就够了 <input t ...
标签中包含input时line-height属性失效的解决办法
今天在项目中碰到一个问题,就是在ie6下,p标签的line-height不起作用.琢磨了好久,在javascript罗浮宫的同学提示下,才知道包含了input标签时,ie6下行高会失效,其它浏览器均正 ...
ashx获取input file 文件_手机浏览器input type=file标签调用手机拍照+分片上传
闲话不多路能需还定有开都视这讲房哦搞有名需移洁页说,开发背景也不是大家关心的话题.就直接说实现如题功朋支不器几事为的时后级功发发来久都这样含制层是请些间例业多在上能首先,你的手机要支持html5吧( ...
input type=text标签去边框透明背景色
<input id="inputID" type="text" placeholder="placeholder"> #inpu ...

html reset 无效,HTML中的input type=reset标签失效(不起作用)的可能原因

html reset 无效,HTML中的input type=reset标签失效(不起作用)的可能原因相关推荐

最新文章

热门文章