视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
对于Form表单reset方法的新认识_javascript技巧
2020-11-27 21:20:33 责编:小采
文档


HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。

但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”空值。

w3c上是这样说的:

在 HTML 表单中 标签每出现一次,一个 Reset 对象就会被创建。

当重置按钮被点击,包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。

在实际情况中,我们经常需要在编辑某个内容的时候实现表单reset,但是这个时候input等输入项的value属性可能已经被赋予了值,所以reset只是让表单初始化为这个值。

在这种情况下,我们只能通过javascript去将input等输入项的value属性设置为空来达到reset的效果。

下载本文
显示全文
专题