表单重置时type=“hidden“的input元素未被重置

已于 2023-03-29 18:09:52 修改
阅读量611 收藏 1
点赞数 1
分类专栏： 哪些年走过的坑 前端学习 文章标签： html javascript 前端
于 2020-09-18 13:32:38 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hykwhjc/article/details/108663520
版权 
<input type="hidden" name="id" id="id">

如上：当表单重置时，隐藏域（type="hidden"）不可被重置；

可以换一种写法，如下：

<input type="text" name="id" id="id" style="display:none;">

【input】关于input 元素的type类型及相关作用
weixin_48596030的博客
08-11 628
【input】关于input 元素的type类型及相关作用
Javascript——＜input＞: 输入（表单输入）元素的type和样式属性
mintsolace的博客
08-19 2097
<label for="name">Name (4 to 8 characters):</label> <input type="text" id="name" name="name" required minlength="4" maxlength="8" size="10"> label { display: block; font: 1rem 'Fira Sans', sans-serif; } input, label {
表单reset无法重置hidden的解决方案
weixin_34168880的博客
06-01 288
方法一：用text代替hidden，设置text隐藏 &lt;input id="id" name="id" style="display: none;" value="0" /&gt;   方法二：单独处理hidden类型 jQuery("#saveForm").form("reset"); jQuery("input[type='hidd
表单重置时，type="hidden"的input元素不能被重置
mask-fish
01-19 993
<input type="hidden" name="userId" id="userId"> 如上：当表单重置时，隐藏域（type="hidden"）不可被重置； 可以换一种方法对其进行隐藏，如下： <input type="text" name="userId" id="userId" style="display:none;"> 设置其样式为：displa...
【Bug】表单中的重置按钮对隐藏域无效
不务正业的野猴子
04-14 1154
表单中的重置按钮对隐藏域无效 测试反馈列表查询处的重置按钮有bug，第一反应是重置按钮写的时候已经测试过了，怎么会有问题呢？但测试提了，咱也的检查一遍，结果还真有问题。。。 代码如下： &amp;lt;form name=&quot;listForm&quot;&amp;gt; &amp;lt;div class=&quot;text-l cl&quot;&amp;gt; &amp;lt;
hidden表单值无法重置的缺陷
MEdwardM的专栏
09-26 4044
在项目开发过程中发现form表单控件中的hidden表单组件无法被form自带的reset函数重置未默认值所以针对hidden组件进行以下测试代码如下 :<!DOCTYPE html> <html><head> <meta charset="utf-8"> <title>Test</title> </head><body> <form id="form1" action=""
ElementUI组件中的Form表单的input输入框无法重置的原因
weixin_42965737的博客
11-05 2323
1.在表单中加上关联ref=“关联的表单数据” 如图中的ref=“searchForm”不能缺少，主要是为了关联表单数据,也必须和:model="searchForm"一致。 2.input输入框上要加上prop=""属性 主要这个输入框的内容想要重置，就必须加上这个属性，而且要与表单中的属性对应。 3.就是点击事件的函数要加上表单的名称 而且需要用引号引起来，表明是对这个表单数据进行重置。 4.如果以上的步骤都没有问题，就需要检查表单的名称是否和自己定义的一致。 ...
jQuery实现form表单reset按钮重置清空表单功能
12-12
有时候可能需要实现这样的效果：使用ajax提交表单，成功提交表单之后清空表单，如下代码： 代码如下: <form> <input name=”name1″ /> <input name=”name1″ /> <textarea name=”...
HTML5&CSS3网页制作：Input元素的type属性.pptx
05-31
在HTML5中，`<input>`元素的`type`属性是一个非常重要的特性，它决定了输入框的功能和样式。通过设置不同的`type`属性值，我们可以创建各种类型的输入控件，以满足网页表单设计的需求。 1. **普通文本框（text）** ...
JSP 重置按钮清空传入的表单数据实例
10-25
`.not(':button,:submit,:reset,:hidden')` 这部分代码的含义是排除掉按钮类型为button、submit、reset和隐藏元素类型的input，因为这些元素不需要被清空值。`.val('')` 是将选中元素的值设置为空字符串，从而清空其...
HTML中的input type="reset"标签失效(不起作用)的可能原因。
wxinpeng的专栏
12-30 1121
使用&lt;reset&gt;标签，有时候我们会发现reset按钮失效，点击该按钮并不能清空输入框。 原因在此：     w3c网站有这样的描述(http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)"在 HTML 表单中 &lt;input type="reset"&gt; 标签每出现一次，一个Reset对象就会被创建。当重置按钮被点击，包...
form表单重置时，让某一个input值不变
sunshine_xtt的博客
09-30 2267
想让表单重置时某一个input值保持不变，只要给reset按钮添加一个点击事件，在执行 reset() 方法之前修改它的 defaultValue 属性，将它当前的值设为初始值就可以了。 <input type="text" id="mcName" name="mcName" class="layui-input mcName" lay-verify="" readonly> ...
jq,js获取input 标签的type的类型
热门推荐
ccmedu的博客
11-12 1万+
<input type ="hidden" id = "id" value="xxx" name= "test" /> 获取input标签中type的类型js写法如下： var type = document.getElementById('Id').type type会等于'hidden'或者'text'或者'radio'等等。 jq的$("#id")....
js重置input内容的两种情况
tangyuanpp的博客
09-12 9250
在项目中遇到一个小问题，在我表单页面有个重置按钮，实现点击按钮清空页面所有的input内容。 我是写了一个方法，在点击按钮事件下调用这个方法，方法里给每个input赋值为空，举个例子，也就是这样 ： a.$("#input的id名字").attr("value", ""); 或b.$("#input的id名字").val(""); (这里说一下a和b的区别： .val() 能够取到 针对...
关于<input type="hidden"/>标签的记录
weixin_30666943的博客
04-22 81
<input type="hidden" name="pid" value="10"/>标签放在一个input标签后可以使用，但在两个标签中间加一个<span id="idError"/> 之后，hidden类型的input标签中的内容不能跟随表单上传到另一个jsp中，对此感到十分困惑，个人感觉可能和CSS的布局有关，先记录下来吧。 转载于:https://www.cnbl...
把修改的信息提交到后台
qazwsx_edc1的博客
07-09 990
点击03-sel-update.html中的提交按钮，将修改后的用户信息提交给myPro.js后台：myPro.jsconst express=require('express');var router=express.Router();var pool=require('../pool.js');router.post('/ajaxlogin',(req,res)=&gt;{  var $u...
Form表单的重置按钮(type=“reset“)无法重置隐藏Input输入框的值
可达鸭给我冲鸭
09-15 1947
Form表单的重置按钮(type=“reset”)无法重置隐藏Input输入框的值 前端使用的Layui、在搜索表单处因为需要设置两个隐藏输入框来存储时间范围，但是发现使用重置按钮无法重置两个隐藏输入框的值，再此整理下解决办法。 问题代码 <div class="layui-inline"> <label class="layui-form-label">开学时间</label> <div class="layui-input-inline">
关于form表单的reset功能无法还原hidden中的值
weixin_34026276的博客
07-10 463
reset的功能是将输入项的值赋值为form中的值，也就是说如果form中有值的话，那么即使点击reset按钮也不会将输入项清空，而是会将其赋值为form中的值。根据上面的说明，我理解后如下：只有能键盘输入，鼠标点击修改值的控件【即除hidden意外的输入控件】才能使reset还原为初始化的值，哪怕隐藏了的输入控件。 转载于:https://blog.51cto....
HTML----表单中隐藏域小结
weixin_34005042的博客
07-23 1910
基本语法： <input type="hidden" name="field＿name" value="value"> 作用：1 隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也被一起发送到服务器。 2 有些时候我们要给用户一信息，...
HTML5表单元素：type属性详解与input元素实例
第10章《表单元素[中]》深入讲解了HTML5中input元素的type属性及其应用，这一章节由教育专家李炎恢主讲，并由北风网和瓢城Web俱乐部联合提供。本章的核心内容围绕着如何利用不同的type属性值创建各类交互式的表单...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值