HTML Reset 解决表单重置

最新推荐文章于 2021-06-18 02:56:51 发布

原创最新推荐文章于 2021-06-18 02:56:51 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#html #reset #form置空

front 专栏收录该内容

40 篇文章

订阅专栏

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

部署运行你感兴趣的模型镜像

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="重　置">

您可能感兴趣的与本文相关的镜像

Python3.10

Conda

Python

Python 是一种高级、解释型、通用的编程语言，以其简洁易读的语法而闻名，适用于广泛的应用，包括Web开发、数据分析、人工智能和自动化脚本