`

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)表单的方法

    在HTML中,`&lt;form&gt;`元素有一个内置的`reset`方法,当用户点击表单内的`&lt;input type="reset"&gt;`按钮时,这个方法会被触发,从而恢复表单到初始状态,清空所有输入字段的值。然而,在jQuery中,直接使用`.reset()`方法...

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

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

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

    需要注意的是,reset()方法会将所有表单控件重置为在HTML中指定的初始值。如果在编写HTML表单时未指定初始值,那么reset()方法将使表单控件恢复到其默认状态,这可能是空值或者浏览器的默认行为。 除了使用...

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

    总的来说,虽然jQuery没有内置的`reset()`方法,但通过结合使用jQuery选择器和JavaScript原生的`reset()`方法,我们可以轻松地实现表单重置功能。在处理大量表单元素时,应考虑更高效的方法,如一次性清空所有`input...

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

    本文将详细讲解如何使用layui来清空和重置表单数据,以实现更好的用户体验。 在layui中,表单的清空和重置可以通过多种方式实现。一种常见的方法是通过JavaScript的原生DOM操作来完成。当用户提交表单后,如果需要...

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

    在这个例子中,`onclick`事件调用了`reset()`函数,这是HTML表单的一个内置方法,用于重置所有表单字段到它们的初始值。`return false;`阻止了图片按钮的默认提交行为。 需要注意的是,虽然这种方法可以实现图片...

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

    Layui是一个前端UI框架,它为开发者提供了一系列美观的组件,用于快速构建网页界面。...通过遵循这些步骤,可以有效地解决点击重置按钮后select元素未被重置的问题,并确保用户界面的正常工作和良好的用户体验。

    web前端重置样式表normalize.css+reset.css

    "normalize.css"和"reset.css"是两种常见的重置样式表方法,它们在创建响应式和跨浏览器兼容的网页时发挥着关键作用。 首先,我们来详细了解`normalize.css`。`normalize.css`是由Nicolas Gallagher和Jonathan Neal...

    html 表单 html 表单

    - **reset**: 重置按钮,用于清空表单所有输入。 - **button**: 普通按钮,通常配合JavaScript使用。 - **select**: 下拉菜单,提供多个选项供用户选择。 - **textarea**: 多行文本输入框,适用于较长的文本输入。 ...

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

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

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

    表单重置不仅限于JavaScript,也可以通过HTML的`&lt;input type="reset"&gt;`元素实现。但JavaScript允许我们更加灵活地控制重置行为,比如在特定条件满足时才重置,或者重置前后执行其他操作。 总的来说,JavaScript提供...

    CSS中常用的 reset.css文件

    为了确保不同浏览器间的一致性以及消除默认样式带来的差异,开发者通常会使用`reset.css`或类似的重置样式表。`reset.css`文件的主要目的是消除浏览器内置样式的影响,使网页元素具有统一的初始样式,从而为自定义...

    HTML表单元素学习-公开课.pptx

    6. `&lt;button&gt;`:创建可点击的按钮,`type="submit"`提交表单,`type="reset"`重置表单。 7. `&lt;fieldset&gt;`和`&lt;legend&gt;`:用于将表单元素组织成逻辑组,`&lt;legend&gt;`定义组的标题。 8. `&lt;checkbox&gt;`和`&lt;radio&gt;`:多选...

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

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

Global site tag (gtag.js) - Google Analytics