关于表单清空的细节(reset函数或者class="reset"属性)

最新推荐文章于 2023-01-11 19:04:26 发布
最新推荐文章于 2023-01-11 19:04:26 发布
阅读量1.2k 收藏
点赞数
原文链接：http://www.cnblogs.com/qiaoyutao/p/9888279.html
版权

在需要清空的表单的情况下， 如果是在页面中 那么就添加属性 class="reset"  也即是 <button class="reset" value="清空">   点击清空的时候就会清空表单内的标签，如果是在js中那么就写成 $("#表单的id")(不限于id选择器，只要能选择表单即可)，但是不理想的是 不能为空有属性 type="hidden"  的标签， 解决办法将标签添加属性 type="text"   和 style="display: none;" 这样就能清空隐藏的标签了。 

转载于:https://www.cnblogs.com/qiaoyutao/p/9888279.html

weixin_30552811
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现form表单reset按钮重置清空表单功能
12-12
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”content”></textarea> 提交 </form> 当点击 提交 之后，通过ajax将内容提交。 以前我是通过以下代码来清空表单 代码如下: $(“input”).val(”); $(“textarea”).val(
react+antd实现添加完数据后清空表单
Z_Gleng的博客
05-11 3472
1，首先我们在from组件上定义ref属性 2，我们在添加完成来清空表单数据 在添加完成之后打印addfrom 如下 我们发现current有resetFields()属性 我们直接 addform.current.resetFields(); 就可以清空了 ...
element-ui 表单清空 resetField()方法
热门推荐
weixin_41190571的博客
09-30 3万+
由于PM说项目赶时间，我二话不说撸起袖子就是一顿狂操作，自己操作了几遍没有发现bug当天下午就欣喜地将刚撸好的form表单功能提交给qa去测试。不一会儿qa就给我提一bug说：“你这表单操作有问题啊！为啥我重选前面的名称按钮，后面的类型选项会报错了？”。 如图所示： 我听完就连忙给她解释道：“这个不是bug，这个是提示信息而已嘛！”。QA又来了：“我看着那个红色提示就认为是错误的，用户...
【前端用法】form表单重置、清空方法记录
No8g攻城狮的博客
01-19 8175
首先：contact-form 是form的id属性值 方法一：调用reset（）方法 document.getElementById("contact-form")[0].reset(); 注意：网上说用document.getElementById("myform").reset();可以重置的，实际上并不能清空表单内容，因为用document.getElementById()或者do...
清空表单内容与初始化表单数据
Will_Season的博客
01-11 2120
在进行编辑的时候需要在打开form表单的时候对输入框赋值，那么赋值动作就是在created的时候进行的，这个初始值是在form表单created时确定的，如果在created的时候赋值了，resetFields()只是重置，重置为初始值。重置的是munted时候的值。解决办法：利用this.$nextTick()将赋值操作放到dom渲染结束之后。那么在以后的重置的时候都不会重置为空字符串。那么在以后重置的时候都不会重置为空字符串了。
使用jQuery重置(reset)表单的方法
11-30
由于JQuery中，提交表单是像下面这样的： 代码如下:$(‘#yigeform’).submit()所以，想当然的认为，重置表单，当然就是像下面这样子喽： 代码如下:$(‘#yigeform’).reset()但是，不幸的是，这样写的话，会有一个让...
js清空表单数据的两种方式(遍历+reset)
12-12
清空FORM表单内容 id：表单ID*/ function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.elements.length; i++) { if (objId....
对于Form表单reset方法的新认识
12-09
HTML中Form表单的reset方法被用来清空用户所输入的内容，以前一直误以为其是单纯的将input等输入项中的值清空。 但实际上不是这样的，reset方法的本质是将input等输入项中的内容还原为属性value中的值，而不是“”...
Form表单数据清除
wing123123的博客
12-22 852
Form表单自带的reset按钮，是将表单值重置为其默认值，如果需要清空表单数据这个功能就不满足要求了，需要自己实现该功能     function clearForm(objE){//objE为form表单 $(objE).find(':input').each( function(){ switch(this....
在表单中点击重置按钮清空表单信息
天元白手的博客
02-20 4184
举个栗子： 通过栗子我们可以看到，需要清空内容是"区域名称",“监测时间”,“雨量值(mm)”,“监测站”,"站点地址"的value,所以我们只需要在重置按钮添加一个点击事件就可以了 <form action="InsertServlet?opr=insert" name="form" method="post"> <p>区域名称:<input type...
前端学习-JS初级
springxing的博客
06-29 428
今天我们分享js的初级，也是有许多语法，还是要多敲多练才行。每日一句:new、相信自己有能力，那么你就真的会有！ 让我们一起用技术提升美好事物发生的概率！多想，多记，多试，总结错误，多敲多练编程语言：逻辑强 控制行为 主动标记语言：被读取 被动硬件（输入，输出，CPU，硬盘，内存），软件（系统软件，应用软件）js是基于对象和事件的解释性的编程语言js的组成：1.ES（ECMAScript）javascript语法标准2.DOM 文档对象模型（Document Object Model）3.BOM 浏览器对象
清空form表单数据的两种方式
Awen_liang1002
06-16 2万+
方法1：遍历页面元素 /* 清空form表单内容  id：表单ID*/  function ClearForm(id) { var objId = document.getElementById(id); if (objId == undefined) { return; } for (var i = 0; i < objId.e
ajax清空表单,js清空表单数据的两种方式(遍历+reset)
weixin_39628271的博客
08-06 461
方法1：遍历页面元素/*清空FORM表单内容 id：表单ID*/function ClearForm(id) {var objId = document.getElementById(id);if (objId == undefined) {return;}for (var i = 0; i < objId.elements.length; i++) {if (objId.elements[...
JS 提交表单后清空表单
a_靖的博客
06-23 1万+
开发交流QQ群:173683895 173683895 526474645 人满的请加其它群 清空表单是比较常见的场景，表单本身就有reset事件作用于清空表单，但是reset事件需要点击按钮才能触发，我们现在想不触达按钮在表单提交的submit事件内，当提交表单成功后清空表单中 value 。 下面来看代码，很简单 以微信小程序为示例 <!--index.wxml-...
清除form表单 普通html中 没有其他 ui框架
lacrimarrum的博客
05-19 845
转自https://www.cnblogs.com/ljblog/p/7735422.htmlform表单重置、清空方法记录myform 是form的id属性值1.调用reset（）方法 function fomrReset() { document.getElementById("myform").reset(); }2. 逐个清空input、select值function res...
清空FORM表单的几种方式 Reset 重加载
weixin_30687051的博客
06-26 449
1. form中定义name <form name = "sbform" action="sb_add.php" method="post"> 用Reset清空 <input type="button" value="清空" onclick="sbform.reset()" /> 2.重加载 <input type="button" valu...
php重置按钮,input 标签中 reset 重置按钮点击后表单不能清空的原因
weixin_33236271的博客
03-10 2333
问题说明input 标签中的 reset 按钮有重置表单的效果，比如，将 text、password textarea 用户输入的内容清空，将单选、多选等恢复默认选择状态等。一般的表单提交不会用到 reset 按钮，要么提交，要么取消。最近有一需求，需要表单中存在重置按钮。但点击 reset 按钮，表单并没有被重置。原因分析网上找到了 reset 不能清空的原因：reset 重置是将表单中的元素标...
type="reset" class="btn btn-default" name="Submit2
最新发布
06-08
- `type="reset"` 表示该按钮的类型是“重置”按钮，它会清除表单中的所有字段并将它们重置为默认值。 - `class="btn btn-default"` 设置了该按钮的CSS样式，使其看起来像一个默认的按钮。 - `name="Submit2"` 设置...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值