关于form的重置问题

最新推荐文章于 2019-09-10 09:40:00 发布
最新推荐文章于 2019-09-10 09:40:00 发布
阅读量155 收藏
点赞数
分类专栏： 学习笔记
前几天查阅Dom的文档,看到了一个form的重置方法reset(),一般是这样应用:document.forms[0].reset();可是发现了个问题,就是当将form的内容提交之后,回到提交时的页面,再想将form通过这种方式重置的话就不起作用了;这个是为什么呢?
我原来都是采用循环form元素的形式判断元素类型后将每一个元素的value设为空,就是:document.forms[0].elements[i].value=''等等;有哪位能说一下reset()的原理,给俺解答一下这个问题?谢谢!
daoger
关注
专栏目录
记录el-form+el-dialog表单重置问题
p_1024的博客
04-07 1261
element ui 表单无法重置问题
vue实现重置表单信息为空的方法
10-17
`resetFields()`是Element UI中`el-form`组件提供的方法，它会清空表单内所有字段的值并移除验证状态。这种方式不仅简化了代码，而且更加灵活，因为它能够处理表单组件内部的逻辑，包括验证规则和嵌套字段。 使用`$...
form的reset
weixin_30594001的博客
09-10 291
重置按钮reset是将表单数据设置成初始值，而不是清空的概念， 使某个input框不被表面上的重置，就是设置一下他的初始值defaultValue就可 document.getElementById("resetButton").onclick = function(){ var myInput = document.getElementById("chooseD...
document.forms
多些关注给自己
06-18 928
语法： var collection =document.forms 例子： 得到form信息 和从form里面得到元素信息 html lang="en"> head> title>document.forms exampletitle> head> body> form id="robby"> input type="button" onclick="alert(docu
document.forms[].submit()使用介绍
12-12
document.forms[‘exportServlet’].submit(); （1）document.forms：表示获取当前页面的所有表单 （2）document.forms[0]：表示获取当前页面的第一个表单 （3）document.forms[‘exportServlet’]：表示获取当前页面的name=”exportServlet”的表单 （4）submit()表示提交函数
form 表单元素重置(reset)解决方案
johncools的博客
03-31 7882
有初始值的 form 表单在点击默认的 Reset 按钮时，表单元素并不能清空，而是恢复初始值，相信这并不是我们期望的，本文介绍的是用 javascript 解决这一问题的方法。--------------------------------------------------------------点此浏览示例文件-----------------------------------------
jQuery实现form表单reset按钮重置清空表单功能
12-12
form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”content”></textarea> 提交</a> </form> 当点击 提交 之后，通过ajax将内容提交。 以前我是...
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
10-14
在Vue和Element-UI的开发过程中，我们常常遇到表单重置的问题，特别是当使用`resetFields()`方法时发现表单并未如预期那样被重置。这个问题通常涉及到多个方面，让我们逐一探讨解决方法。 首先，确保在HTML模板中...
form.reset() 的真正作用，并不是清空所有输入栏
学习笔记
03-11 8168
form.reset() 的真正作用，并不是清空所有输入栏 form 有个方法是 reset()，作用不是清空 &lt;form&gt; 标签中的所有输入栏，而是回到上一次载入页面时的状态。 看例子： &lt;form id="input-form"&gt; &lt;input type="text"&gt; &lt;input type="text"&gt;
document.forms的用法(详解)
念念不忘，必有回响
03-22 3万+
代码 作用 document.forms 表示获取当前页面的所有表单 document.forms[0] 表示获取当前页面的第一个表单 document.forms[‘exportServlet’] 表示获取当前页面的name="exportServlet"的表单 document.forms[‘exportServlet’].username.value 获取表单为e...
有初始值的form表单元素重置(reset)解决方案
Philos
08-19 364
function clearForm(formName) { var formObj = document.forms[formName]; var formEl = formObj.elements; for (var i=0; i&lt;formEl.length; i++){ var element = formEl[i]; ...
form reset无效问题
风之贝拉的博客
12-21 4901
form reset无效问题form表单提交结束后，一般都使用 form.getForm().reset() 方式来清空表单，我个人遇到的情形如下： 修改数据数据使用loadRecord方法，并结合Ext.window()组件使用。 例如： form.getForm().loadRecord(record); window.show(); form表单中使用扩展xtype
iview form表单resetFields方法不起作用
小方的专栏
06-25 6610
<template> <Form ref="form1" :model="formItem" :label-width="60"> <FormItem label="名称" prop="title"> <Input v-model="formItem.title"/> </FormItem...
form提交后reset功能失效
weixin_30333885的博客
03-13 745
最近使用表单时发现一个问题，就是表单提交后，再使用reset按钮重置输入框，这时reset不起作用。 网上查阅资料获知，其实reset的功能是重置表单为默认值，并不一定是清空表单。由于form提交后，输入框的默认值可能不为空（保存了上次查询的值），例如值为aa，不管怎么reset都会变为aa，就算输入bb后，再reset也会变成aa，而不是为空值。可见，是自己对reset按钮功能的误解，才觉...
Element UI 中清除初始化数据为空时this.$refs[formName].resetFields()不起作用
热门推荐
你好，欢迎光临！
06-28 3万+
问题 在查询条件中，初始化时绑定手机号码值从cookie中获取，但是在清除表单的时候，只用this.$refs[formName].resetFields()无法清楚所有表单为空。 分析原因 this.refs[formName].resetFields()只是将查询条件初始化，所以在初始化时绑定什么值就还是什么值。如果想要清空指定的已绑定数据的表单元素，需要将清空的语句写在this.r...
对于Form表单reset方法的误解
ForeverCjl的专栏
03-05 9995
HTML中Form表单的reset方法被用来清空用户所输入的内容，以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的，reset方法的本质是将input等输入项中的内容还原为属性value中的值，而不是“”空值。 w3c上是这样说的： 在 HTML 表单中 标签每出现一次，一个 Reset 对象就会被创建。 当重置按钮被点击，包含它的表单中所有输入元
HTML form表单重置按钮无效问题
Fire_Sky_Ho的博客
07-22 1万+
在编写网页的时候，突然发现有一个页面的查询表单中重置按钮不起作用了。 1.说明： 输入表单内容，不点击查询按钮，直接重置按钮，是可以清空重置表单内容的； 输入表单内容，点击查询按钮，再点击重置按钮，发现重置按钮无效，只能重置到之前输入的内容； 2.原因分析及解决办法： 查了一下w3c的标准文档，其中给的解释说是因为，type="reset"的input标签，点击后只是重置到默认值，这就很好解...
表单用reset()清空时如何保留一些文本框的值
rani66的专栏
06-17 553
自己写方法来实现 function resetText(){ var t2=document.forms[0].text2.value; document.forms[0].reset();//清空表单 document.forms[0].text2.value=t2; } 具体实现可以修改,大致可以完成相似的功能 注意input里面type要是Button...
antd form重置某项值
最新发布
06-07
在这个示例中，我们使用 `Form.useForm()` 来获取 form 实例，然后在 `handleReset` 函数中使用 `form.setFieldsValue()` 方法来重置 `myInput` 字段的值为空字符串。 需要注意的是，我们在 `Form.Item` 中使用了 `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值