成都创新互联网站制作重庆分公司

HTML中inputtype="reset"标签失效的原因是什么

小编给大家分享一下HTML中input type="reset"标签失效的原因是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

我们提供的服务有:成都网站设计、成都做网站、微信公众号开发、网站优化、网站认证、吉木萨尔ssl等。为成百上千家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的吉木萨尔网站制作公司

使用标签,有时候我们会发现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的值置空。

以上是“HTML中input type="reset"标签失效的原因是什么”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


新闻标题:HTML中inputtype="reset"标签失效的原因是什么
链接URL:http://cxhlcq.com/article/ippjee.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部