表单用reset()清空，但我想保留一个文本框的值，不能清空因设置什么属性呢。

最新推荐文章于 2024-07-21 11:35:59 发布

lt26w

最新推荐文章于 2024-07-21 11:35:59 发布

阅读量2.6k

点赞数

reset 的作用是重置，不是清空，如果有默认值的话，就会重新设置为默认值

src:http://bbs.csdn.net/topics/100182695

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lt26w

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

js清空表单数据的两种方式(遍历+reset)

10-25

在进行网页开发时，清空表单数据是一个常见的需求。本文将介绍两种在JavaScript中实现清空表单数据的方法：一种是通过遍历表单元素，另一种是通过触发reset按钮。这两种方法各有其适用场景和优势，下面将详细解释这...

刷新时清空文本框内容的js代码

10-30

刷新时清空文本框内容的js代码在 Web 开发中，经常会遇到需要在页面刷新时清空文本框内容的情况，这是一种常见的需求，特别是在注册页面中。当用户刷新页面时，我们希望文本框的内容被清空，以便用户可以重新输入...

参与评论您还未登录，请先登录后发表或查看评论

表单reset重置后，保持其中某个input值不变

cauchy6317的博客

07-13

4600

首先，reset会重置所有的input，让其变为默认值。所以，如果你不想让某个 <input> 被重置，在执行 reset() 方法之前修改它的 defaultValue 属性，将它当前的值设为初始值，这样执行 reset() 的时候这个 <input> 的值就不会被重置掉了。<form> <input id="myInput" value="默认...

表单用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...

input button标签reset属性不能重置表单内容

最新发布

alexsong51的博客

07-21

473

首先，reset 必须得在 form 表单内才能生效，其次，input 输入类型的元素标签不能设置默认的 value 值，checkbox、radio 不能设置默认的 checked 选中属性，select 的 option 选择项不能设置 selected 属性值。否则 reset 就达不到置空的效果。

Form表单的重置按钮(type=“reset“)无法重置隐藏Input输入框的值

可达鸭给我冲鸭

09-15

1892

Form表单的重置按钮(type=“reset”)无法重置隐藏Input输入框的值前端使用的Layui、在搜索表单处因为需要设置两个隐藏输入框来存储时间范围，但是发现使用重置按钮无法重置两个隐藏输入框的值，再此整理下解决办法。问题代码 <div class="layui-inline"> <label class="layui-form-label">开学时间</label> <div class="layui-input-inline">

form表单重置时，让某一个input值不变

sunshine_xtt的博客

09-30

2214

想让表单重置时某一个input值保持不变，只要给reset按钮添加一个点击事件，在执行 reset() 方法之前修改它的 defaultValue 属性，将它当前的值设为初始值就可以了。 <input type="text" id="mcName" name="mcName" class="layui-input mcName" lay-verify="" readonly> ...

layui时间控件无法清空，设置了默认值无法清空

FLL430的博客

08-13

4625

问题描述在我的页面上，我弄了一个开始时间，一个结束时间。两个时间都给了默认值，如下图 <div class="layui-inline layui-show-xs-block"> <input class="layui-input" placeholder="开始时间" name="start" id="startTime"> </div> <div class="layui-inline layui-show-xs-block"> &

JS 清空本页所有文本框

06-10

3. **清空文本框内容**：对于每个被识别为文本输入框的`<input>`元素，将其`value`属性设置为空字符串，即可实现清空文本框的效果。 4. **完善代码逻辑**：除了上述基本步骤外，还需要考虑一些特殊情况，比如如何...

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

10-27

然而，在jQuery库中，并没有直接提供一个`reset()`方法来重置表单。因此，我们需要借助于JavaScript原生的`reset()`方法或者采用其他策略来达到相同的效果。 ### 重置表单的原生JavaScript方法 #### 使用`reset()`...

通用vue搜索组件里面的重置和搜索按钮功能实现

qq_55928824的博客

01-08

2741

通用Vue搜索组件里面的重置和搜索按钮功能实现

LAYUI动态赋值下拉框选项后，要清空下拉选项，reset不生效，再赋值为空也不生效的处理

leiyanglove的博客

03-11

567

【代码】LAYUI动态赋值下拉框选项后，要清空下拉选项，reset不生效，再赋值为空也不生效的处理。

elementui-清除弹框中表单的默认值-resetFields()

Misko的博客

11-01

7494

当弹框（dialog）中含有表单，要进行编辑、查看、新增操作，需要复用弹框，会涉及到清空表单数据。 elementui官网中dialog部分有这么一句话： Dialog 的内容是懒渲染的，即在第一次被打开之前，传入的默认 slot 不会被渲染到 DOM 上。因此，如果需要执行 DOM 操作，或通过 ref 获取相应组件，请在 open 事件回调中进行。这里会遇到一个问题，先进行编辑再新增，使...

Layui重置按钮局部不好使

慕白Lee的博客

08-17

6606

将外层div改成如下两行格式 <form class="layui-form" action=""> <div class="layui-form-item"> <div></div> <div></div> </div> </div>

miniui 属性

xupeng1997的博客

09-02

1142

miniui 值的变化：主要监听下拉框单选框值的变化。 onvaluechanged=“函数”

用JS实现重置清空文本框内容

06-08

可以使用JavaScript的`reset()`方法来清空一个表单中的所有输入字段。这个方法会将所有输入字段的值重置为它们的默认值。下面是一个简单的例子，当用户单击“Reset”按钮时，所有输入字段的内容将被清空： ```html <!DOCTYPE html> <html> <head> <title>Reset Example</title> </head> <body> <h1>Reset Example</h1> <form> <label for="name">Name:</label> <input type="text" id="name" name="name"><br><br> <label for="email">Email:</label> <input type="email" id="email" name="email"><br><br> <input type="button" value="Reset" onclick="resetForm()"> </form> <script> function resetForm() { document.querySelector('form').reset(); } </script> </body> </html> ``` 在上面的代码中，我们使用了`querySelector()`方法来获取表单元素，并将其传递给`reset()`方法，以清空所有输入字段的内容。当用户单击“Reset”按钮时，`resetForm()`函数将被调用，从而清空表单中的所有输入字段。需要注意的是，`reset()`方法只会重置输入字段的值，而不会重置其它属性，如`disabled`、`readonly`等。如果您需要重置这些属性，可以使用JavaScript代码显式地将它们设置为它们的默认值。