首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网页制作
应用技巧
正文
HTML中的input type="reset"标签失效(不起作用)的可能原因。
所属分类:
网页制作
/
应用技巧
阅读数: 969
收藏 0
赞 0
分享
使用<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的值置空。
更多精彩内容
其他人还在看
关于培养色感,自己的一些方法
关于培养色感,自己的一些方法
评论 0
收藏 0
赞 0
分享
SSI技术—SHTML的解释(生成静态时用的最火)
SSI技术—SHTML的解释(生成静态时用的最火)
评论 0
收藏 0
赞 0
分享
标签(Tag)的定义和作用精解
标签(Tag)的定义和作用精解
评论 0
收藏 0
赞 0
分享
网页中防止表格被撑破的css代码
网页中防止表格被撑破的css代码
评论 0
收藏 0
赞 0
分享
SSH 使用原理 与解释
SSH 使用原理 与解释
评论 0
收藏 0
赞 0
分享
UTF-8编码问题BOM详细介绍
UTF-8编码问题BOM详细介绍
评论 0
收藏 0
赞 0
分享
photoworks下载及象框使用教程[图文]
photoworks下载及象框使用教程[图文]
评论 0
收藏 0
赞 0
分享
比较详细的一篇关于autorun.inf的讲解
比较详细的一篇关于autorun.inf的讲解
评论 0
收藏 0
赞 0
分享
缩放文字,不仅仅只是缩放文字
缩放文字,不仅仅只是缩放文字
评论 0
收藏 0
赞 0
分享
验证可通过正版验证的Office2007最新的两个序列号
验证可通过正版验证的Office2007最新的两个序列号
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
巴西世界杯复盘:七大移动营销案例图文解析
个人站长经常做的国内广告联盟
网络赚钱靠骗吗?
浅谈一下个人站长领域的灰色地带有多么的暴利
2017自媒体账号申请及运营的几点建议
第三次零售革命 - 智慧零售
站长故事
更多
我眼里的2014年中国互联网大会亮点
浅谈:一个草根站长的服装论坛赚钱经验
人物:戴志康,80后创业者携惊叹号而来
十年了!一个依靠设计师们热情支撑起的网站
精品内容永不过时,个人站长应自我审视
网站被K到恢复收录与排名我做了什么