HTML Reset 解决表单重置-优快云博客

本文链接：https://blog.youkuaiyun.com/ych0108/article/details/84483812

本文详细介绍了HTML表单中的重置按钮的功能、用途以及如何通过JavaScript实现自定义重置操作，包括如何清空表单中各元素的值。并通过实例代码展示了具体实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML DOM Reset 对象
Reset 对象
Reset 对象代表 HTML 表单中的一个重置按钮。
在 HTML 表单中 <input type="reset"> 标签每出现一次，一个 Reset 对象就会被创建。
当重置按钮被点击，包含它的表单中所有输入元素的值都重置为它们的默认值。默认值由 HTML value 属性或 JavaScript 的 defaultValue 属性指定。
重置按钮在重置表单之前触发 onclick 句柄，并且这个句柄可以通过返回 fasle 来取消。

//解决sumbit后reset无效问题  
    function formReset(){  
        document.getElementById("webname").value="";            // 用户名  
        document.getElementById("topOrgName").value="";     // 所属组织  
        document.getElementById("roleType").value="";       // 用户角色  
        document.getElementById("active").value="";         // 是否激活  
        document.getElementById("dtmf").value="";           // 支持终端管理会议  
        document.getElementById("password").value="";       // 密码  
        document.getElementById("checkpassword").value="";  // 确认密码  
        document.getElementById("telephone").value="";      // 电话  
        document.getElementById("email").value="";      // Email  
        document.getElementById("mobile").value="";     // 手机号码  
        document.getElementById("maxStorage").value="";     // 最大存储空间  
        document.getElementById("ta").value="";         // 描述  
    }

---

 <input type="reset" name="Submit2" onclick="formReset()" value="重　置">