• 重置按钮小tip—为何不能重置表单数据呢


    刚开始学html的同志有时候可能会遇到一个问题,就是为什么在编辑页面里面的重置按钮总是不起作用呢不清空数据呢?接下来就说明一下原因。

    Reset 对象

    Reset 对象代表 HTML 表单中的一个重置按钮。

    在 HTML 表单中 <input type="reset"> 标签每出现一次,一个 Reset 对象就会被创建。

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

    重置按钮在重置表单之前触发 onclick 句柄,并且这个句柄可以通过返回 fasle 来取消。

    参阅 Form.reset() 方法 和 Form.onreset 事件句柄。

    您可以通过遍历表单的 elements[] 数组来访问某个重置按钮,或者通过使用document.getElementById()。

    重点来了

    就是上面说到的默认值,编辑页面顾名思义就是已经填写过数据的页面,里面已经有默认的之前填写的数据,也就是说里面的输入框里面有一个默认值但不是之前像添加页面一样的空数据,所以当你点击重置按钮时只会回到原来默认的你第一次填写的value值,并不会清空数据。

    ps:一开始我也会遇到这个问题,无论如何都觉得不可能理解。希望能帮到正在学习遇到和我一样问题的同志。

  • 相关阅读:
    两台电脑间的消息传输
    商品库存订购管理管理程序代写代做代开发
    基于ssh的汽车配件进销存系统
    Ajax初识
    系统排队仿真源代码
    模拟一个排队系统
    Linux下,C++编程论坛题目抽取
    实践是检验真理的唯一标准2 脱壳篇03
    迪杰斯特拉算法
    最短路径求法
  • 原文地址:https://www.cnblogs.com/sugar-tomato/p/4550965.html
Copyright © 2020-2023  润新知