`

HTML Reset 解决表单重置

阅读更多
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="重 置">
分享到:
评论

相关推荐

    使用jQuery重置(reset)表单的方法

    由于JQuery中,提交表单是像下面这样的: 代码如下:$(‘#yigeform’).submit()所以,想当然的认为,重置表单,当然就是像下面这样子喽: 代码如下:$(‘#yigeform’).reset()但是,不幸的是,这样写的话,会有一个让...

    jQuery实现form表单reset按钮重置清空表单功能

    有时候可能需要实现这样的效果:使用ajax提交表单,成功提交表单之后清空表单,如下代码: 代码如下: &lt;form&gt; &lt;input name=”name1″ /&gt; &lt;input name=”name1″ /&gt; &lt;textarea name=”...

    如何使用图片按钮作为重置(reset)表单按钮

    那么如何使用图片按钮作为重置(reset)表单按钮呢?请接着往下看。 这里假设我有两个图片:提交按钮图片ok.gif、重置按钮图片reset.gif 用图片作为提交表单的代码为:&lt;input type=image src=ok.gif alt= width=...

    jquery js 重置表单 reset()具体实现代码

    在开发中,我们会用到很多表单,我们希望表单提交以后,能reset, 但是jquery没有这个方法,怎么处理呢? 代码如下: &lt;form id=”form1″ action=”” method=”post” runat=”server”&gt; &lt;input name=”inp...

    JavaScript实现重置表单(reset)的方法

    本文实例讲述了JavaScript实现重置表单(reset)的方法。分享给大家供大家参考。具体如下: 下面的代码可以对表单内的输入数据进行重置 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; [removed] function form...

    快速解决Vue、element-ui的resetFields()方法重置表单无效的问题

    使用this.$ref[‘form’] .resetFields()无法重置表单项 原因: 1.没有给表单添加ref属性 ”form”&gt; 2.表单项el-form-item没有添加prop属性,prop属性需要与input框绑定的属性一致 活动名称 prop=name&gt; ...

    layui清空,重置表单数据的实例

    今天小编就为大家分享一篇layui清空,重置表单数据的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    微信小程序---提交表单后清空输入框

    表单重置时会触发reset事件,在formreset事件中提交数据就行了,不过这样不能使用event.detail获取输入值了,要用input的bindinput事件或bindblur事件获取。然后用this.setData({})把值存起立提交表单时拿出来就行了...

    使用HTML开发商业网站-表单控件-input课件.pptx

    学习表单的核心就是学习表单控件,HTML语言提供了一系列的表单控件,用于定义不同的表单功能,如密码输入框、文本域、下拉列表、复选框等。 表单控件 表单控件常用在登录和注册模块 表单控件 大致可分为input控件、...

    layui 点击重置按钮, select 并没有被重置的解决方法

    $("#reset").click(function () { $("#searchContent").val(""); $("#selectKey").val(""); form.render(); }) 调用一下 form.render();即可 为什么表单不显示? 当你使用表单时,Layui会对select、checkbox、...

    对于Form表单reset方法的新认识

    HTML中Form表单的reset方法被用来清空用户所输入的内容,以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的,reset方法的本质是将input等输入项中的内容还原为属性value中的值,而不是“”...

    Struts-Validate-Reset

    在Struts验证框架中实现表单重置方法

    Reset-form-[removed]使用 javascript 重置表单

    重置表单javascript 使用 javascript 重置表单

    前端与移动开发之表单

    name定义input元素名称/value/checked/maxlength最大长度/submit提交/reset重置/button普通按钮"&gt; 注意: ①input是一个单标签 不独占一行 ②name是表单元素名字 要求单选框和复选框都要有相同的name...

    angular-resetform:在 angular js 中重置表单变得如此简单,woooooo

    角度重置该指令帮助用户在没有 javascript 代码行的情况下重置表单数据。 查看文档以获取更多详细信息入门.凉亭安装 bower install angular-resetform安装 npm install angular-resetform在您的模块中添加依赖项 var...

Global site tag (gtag.js) - Google Analytics