JavaScript实现重置reset()的方法

最新推荐文章于 2024-05-20 14:42:22 发布
最新推荐文章于 2024-05-20 14:42:22 发布
阅读量1.6w 收藏 11
点赞数 2
分类专栏： 前端环境 文章标签： 重置
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41646716/article/details/80167336
版权
js实现reset（）的方法：

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function formReset()
  6. {
  7. document.getElementById("frm1").reset();
  8. }
  9. </script>
  10. </head>
  11. <body>
  12. <p>Enter some text in the fields below, 
  13. then press the "Reset form" button to reset the form.</p>
  14. <form id="frm1">
  15. First name: <input type="text" name="fname"><br>
  16. Last name: <input type="text" name="lname"><br><br>
  17. <input type="button" onclick="formReset()" value="Reset form">
  18. </form>
  19. </body>
  20. </html>
歪歪100
关注
  • 2
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
JavaScript中的重置按钮form（reset）的方法
weixin_59459400的博客
05-16 1319
html页面使用jQuery和js使用reset()重置表单
ztnhnr的专栏
01-24 2029
因为业务原因，在html页面中动态生成了多个表单。需要动态的通过jQuery或js方法来重置表单元素的值。 通过搜索发现，jQuery中是没有reset()方法来实现重置功能的，不过可以通过调用 DOM 中的reset方法来重置表单。 一、重置表单的方法 1.1 jQuery间接实现： $('#表单ID')[0].reset(); 1.2 通过DOM方法实现： document.getElementById("表单ID").reset(); ...
JS 重置按钮：下拉选择设置默认值
最新发布
weixin_42917261的博客
05-20 218
【代码】JS 重置按钮：下拉选择设置默认值。
js重置表单及reset方法报错解决办法
satomiyo的博客
01-09 749
window.onload = function (ev) { var oReset = document.getElementById("reset1"); var oForm = document.getElementById("form1"); oReset.onclick = function () { oForm.reset(); }; ...
reset是js的方法，在jquery中使用应注意
GodFamiliar的专栏
05-27 287
今天copy之前的项目的部分代码到新项目时，遇到了$（"#..Form"）.get(0).reset();这行代码，我一开始以为这是多次一举的，既然已经用ID选择器了，得到的肯定是一个Form了，而不是包含其他Form的数组了。所以直接写成$("#..Form").reset()不就完事了嘛。但我错了，我居然忽略了两点： 1.ID选择器的返回值类型是Array，也就是说也是数组形式的，虽然现在x...
原生JS的常用方法
Hdd_whj的博客
04-04 319
原生JS的常用方法 1.函数接收参数并弹出 例如： <div class="box"> <input type="text" name="item" value="北京市"><br> <input type="text" name="item" value="朝阳区"><br> <button id="btn">传参</button> </div>
JavaScript实现重置表单（reset）的方法
10-24
主要介绍了JavaScript实现重置表单（reset）的方法,涉及javascript中reset()方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
使用jQuery重置(reset)表单的方法
11-30
总的来说，重置表单在jQuery中可以通过调用DOM元素的`.reset()`方法或者手动清空每个输入字段来实现。选择哪种方法取决于具体的需求和场景，但通常情况下，直接使用`$(‘#yigeform’)[0].reset();`是既简单又有效的...
jquery js 重置表单 reset()具体实现代码
10-27
在JavaScript中，我们可以使用`reset()`方法来实现这一功能。然而，在jQuery库中，并没有直接提供一个`reset()`方法来重置表单。因此，我们需要借助于JavaScript原生的`reset()`方法或者采用其他策略来达到相同的...
自适应reset.js布局 用于手机端页面编写
weixin_30569153的博客
08-13 119
以下是reset.js具体内容，把它存为js文件引入html里，它的默认尺寸是iphone4的分辨率也就是320*480，美工制图最好是这个规格，ps量图后像素值（px）除以40转化为rem。比如div宽为40px，除以40为1rem，这个div的宽就写成1rem，具体看美工给你的手机端图片是多大规格的，你可以根据这个做计算，整个网页就是计算，最后做出来的网页不用在考虑适配，因为它会自动缩放适配任...
关于JavaScript的提交和重置事件
drinkingcode
10-10 2745
前言： 1> onsubmit 事件会在表单中的确认按钮被点击时发生 2>onreset 事件会在表单中的重置按钮被点击时发生 代码示例如下： ===================================               提交与重置事件   function check(form){ //拿到文本框中的内容
重置类的原型对象
Mint周的文章
07-12 116
function fun() { this.a = 0; this.b = function () { alert(this.a); } } fun.prototype = { //重置类的原型对象,构造器很可能会丢失 // 一般必须自定义constructor:fun,前端没用,但是后台会有用处 b: function () { this.a = 20; alert(this.a); }, c: function () { this.a = 30; alert(this
js清空html数据,js清空表单数据的两种方式(遍历+reset)
weixin_33542924的博客
06-04 1274
方法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[...
javascript基础学习系列三百零二：重置表单
wanmeijuhao的博客
01-29 1130
用户单击重置按钮可以重置表单。这两种按钮都可以重置表单。表单重置后，所有表单字段都会重置回页面第一次渲染时各自拥有的 值。如果字段原来是空的，就会变成空的;如果字段有默认值，则恢复为默认值。用户单击重置按钮重置表单会触发 reset 事件。这个事件为取消重置提供了机会。与 submit()方法的功能不同，调用 reset()方法会像单击了重置按钮一样触发 reset 事件。注意 表单设计中通常不提倡重置表单，因为重置表单经常会导致用户迷失方向，如果意 外触发则会令人感到厌烦。
JS中常见的事件
z020729的博客
04-13 1024
本篇文章将列举一些JS中常见的事件，熟练使用之后编程速度会提高。 鼠标移动事件 onmousemove(event):在（event）前面写的是需要监听移动事件的对象； onmouseover：鼠标悬停事件，当鼠标移上去之后会引发的事件，this写在那个标签里就代表那一个标签，调用样式表里的属性的时候，把中间的斜杠删掉； onmouseout：鼠标移开事件，当鼠标从事件上移开的时候，展示出来的效果； 鼠标点击事件 onclick：当鼠标被点击之后会产生的效果； onmouseup：当鼠标弹起时
js重置表单 id.reset()，加深下记忆
她的猿的博客
03-05 2431
document.getElementById("frm1").reset();不用.val('')；
用javascrip如何实现重置页面内容
09-08
### 回答1： 您好！我是基于GPT技术开发的AI，并不是CSDN开发的ChitGPT。无论如何，让我来回答您的问题：用JavaScript实现重置页面内容可以通过以下代码实现： ```javascript document.location.reload(true); ``` 这个代码会重新加载当前页面，并重置所有内容。当然，也可以通过其他的代码实现重置页面内容，具体需要根据您的需求来定制。希望这个回答对您有帮助！ ### 回答2： 要使用JavaScript来重置页面内容，可以使用以下方法： 1. 重置表单：如果页面上有表单元素，可以使用`reset()`方法来重置表单内容。例如，如果页面上有一个id为`myForm`的表单，可以使用以下代码来重置表单内容： ```javascript document.getElementById("myForm").reset(); ``` 2. 重置文本输入框：如果页面上有文本输入框，可以通过将其`value`属性设置为空字符串来重置文本输入框的内容。例如，如果页面上有一个id为`myInput`的文本输入框，可以使用以下代码来重置它的内容： ```javascript document.getElementById("myInput").value = ""; ``` 3. 重置其他页面元素：对于其他元素，可以使用合适的方法将其内容重置为初始状态。例如，对于一个拥有id为`myElement`的div元素，可以使用以下代码将其内容重置为空字符串： ```javascript document.getElementById("myElement").innerHTML = ""; ``` 需要注意的是，以上的方法仅仅是将页面中的内容重置为初始状态，并不会恢复到页面加载时的状态。如果需要完全恢复到页面加载时的状态，可以通过重新加载页面来实现： ```javascript location.reload(); ``` 这样会导致整个页面重新加载，所有内容都会恢复为最初的状态。 ### 回答3： 在使用JavaScript重置页面内容时，我们可以使用以下步骤实现： 1. 首先，我们需要获取需要重置的页面元素。可以通过使用`document.getElementById()`或`document.querySelector()`等方法获取特定元素，或者通过`document.getElementsByTagName()`获取一组元素。 2. 然后，我们可以使用DOM操作来修改元素的值，将其重置为默认值。例如，对于文本输入框，可以使用`element.value = ""`将其值重置为空字符串，对于复选框，则可以使用`element.checked = false`将其状态重置为未选中。 3. 对于下拉框或单选框等具有选项集合的元素，我们可以通过设置选中项的`selected`属性为`true`，将其选中项重置为默认选项。 4. 如果页面中包含表单元素，我们可以使用`reset()`方法将整个表单重置为初始状态。例如，通过`document.forms[0].reset()`将第一个表单重置为初始状态。 5. 最后，我们可以通过使用事件监听器，例如点击按钮或提交表单时，调用以上方法来触发重置操作。 综上所述，通过以上步骤，我们可以使用JavaScript实现重置页面内容的功能。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值