input 输入框 disabled 属性导致 无法取值的问题

最新推荐文章于 2024-11-04 09:53:22 发布
最新推荐文章于 2024-11-04 09:53:22 发布
阅读量4.1k 收藏
点赞数 1
CC 4.0 BY-SA版权
文章标签： input 浏览器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wuwenlong527/article/details/4293949
本文探讨了在项目开发过程中，如何正确设置表单控件的属性以确保数据能够正常提交。介绍了使用readOnly属性替代disabled属性的方法，确保带有name属性的表单元素可以被正确提交。

在项目开发中,为了让某个字段仅展示不能修改,使用了disabled属性,结果后台无法获得数据,使用readOnly这个属性就可以了
<input name="beginDate" type="text" value="<%=beginDate %>" readOnly />

表单控件必须有name属性,值才能被浏览器提交,
而如果用disabled属性,就会强制不提交这个表单控件的值

wuwenlong527
关注
form表单input使用disabled后提交不能获取表单值的解决方法
猿小白的博客
09-29 1万+
今天遇到一个问题：在form表单中的input上使用disabled禁用标致，会导致表单提交时获取不到值。经过调试，以及参考相关博文，最终得以解决，下面记录解决方法。 form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一：使用readonly带替代disabled，即把disabled="disabled" 修改为rea...
HTML 文本域元素详解：如何使用属性创建多行输入框
a451319296的博客
12-16 6810
文本域介绍HTML 的文本域（Textarea）元素是一种创建多行文本输入框的简单方法。通过使用不同的属性，可以为文本域添加各种功能和行为，以提高用户的交互和表单填写体验。常用的属性包括 autofocus、disabled、form、maxlength、name、placeholder、readonly、required 和 wrap 等。除此之外，还有诸如 cols、rows、formaction、formenctype、formmethod 和 formtarget 等属性，可以进行更细致的控制。
html form表单input使用disabled后提交不能获取表单值的解决方法
12-13
form表单输入框input设置disable属性提交后，得不到该输入框的值，解决该类问题可以参考下面两个方法： 方法一： 使用readonly带替代disabled，即把 disabled="disabled" 修改为 readonly="readonly" 二者区别： disabled不能接收焦点，使用tab键时将被跳过，可能不是successful的； readonly可以接收焦点但不能被修改，可以使用tab键进行导航，可能是successful的。 注：只有successful的表单元素才是有效数据，即是进行提交后可以获取值。disabled和readonly的文本输入框只能通过脚本进
angular4 form 表单中 input输入框的disabled属性 (实用）
chelen_jak的专栏
01-03 6333
原文出处：https://www.cnblogs.com/leiting/p/8603604.html 直接加[disabled]="isDisabled"属性的话，出现报错 根据提示，做如下修改 ts private isEdit: boolean = true; private isDisabled = true; private myForm: FormGroup; priva...
表单form中input组件设置disable未生效 - Angular
survivorsfyh的博客
11-23 2633
当 input 与表单 form 的相结合使用的时候,如果为 input 设置 [disabled]="false" 的属性时发现未能生效; 日志中会抛出如下警告并提供一种方式; It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true when you set up this control in your component c
el-input的disabled的失效问题
hsdsnd的博客
01-05 1474
el-input的disabled的失效问题
angular中input标签中的disabled不生效
weixin_45678402的博客
08-16 944
input动态设置disabled，不生效
列举input中的type属性及说明
NewBeeMu的博客
08-07 1786
一、input标签和它的type属性 PS：input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。 二、总结 1、text 一个单行文本框，默认属性值 2、password 隐藏字符的密码框 3、search 搜索框，在某些浏览器中输入内容会出现叉形标记 4、submit、reset、bu...
【前端】input表单 type属性详解
A_aspectJ的博客
03-19 7845
input 元素可以用来生成一个供用户输入数据的简单文本框。 在默认的情况下， 什么样的数据均可以输入。而通过不同的type属性值，可以限制输入的内容。
带有disabled属性的input提交表单时取不到值
Guns_Rose_的博客
04-11 924
最近小收获不少，简单记录一些当input设置为disabled属性时，输入框变为灰色，不可写入，但提交表单时也无法取值。经网上查询，可以改为readonly属性，即readonly="readonly"。参考如下：点击打开链接...
记录问题：表单元素设置disabled属性后台不能获取该值
zhunh的博客
04-02 1733
有些表单元素不希望用户填写的话，可设置disabled属性，但是设置disabled属性的表单字段值不会提交到后台。可以通过设置readonly属性值达到同样的效果且能提交到后台。&lt;input type="text" name="name" required="required" id="name" placeholder="姓名" disabled&gt;//disabled=&qu
解决 input disabled禁用后 点击事件无效
最新发布
qq_67656809的博客
11-04 1644
时，该元素将不再可用，并且无法接收用户输入或触发事件，包括点击事件。这是为了防止用户与某些表单控件进行交互。所以我选择的是给 disabled属性。结果发现有disabled属性 @click事件在h5上无效。要给input设置disabled 不然 focus时会弹出系统自带的软键盘。使用uniapp做小程序端和H5端时，有个功能是点击input弹出数字键盘。使用 uni.hidekeyboard() 时 会出现闪现的的情况。在HTML中，当一个。
html中＜input＞标签的设置了disabled属性为disabled后不能传值到后台
feishiqiming的博客
03-10 1290
解决方法：disabled改为readonly
input设置为disabled提交后获取不到该值的解决方法
热门推荐
yiluoAK_47的专栏
08-21 2万+
在做网站管理后台的用户修改功能时，由于当前用户修改个人信息时规定用户名不能修改，故使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制： 1、不能接收焦点； 2、使用tab键时将被跳过； 3、可能不是successful的。 解决方法是：可以使用readonly=”readonly”属性代替
【解决办法&原因】input标签中加入disabled属性后数据无法传入后台
LMX_hello的博客
07-04 4027
在实现项目中修改个人信息的时候，对于个人的ID 和 username 按照我的逻辑是不能修改的 于是就在input标签中加入了disabled使之无法修改 但是按下按钮后，非但数据没有传入后台，反而相应的属性变成了null 出问题代码如下 <input type="hidden" name="bookType" value="0"> <p> ...
常用input的常用方法（坑，兼容性问题及解决方法，取值）
weixin_43668654的博客
08-08 2456
常用input的方法（坑及解决方法）： 一般这样用： /[^\d\,]/g 只能输入数字 /[^\d\，]/g 只能输入数字和逗号，其中逗号是中文逗号 1.使input的光标隐藏 color:transparent; text-shadow:0 0 0 #303030;——改变字体 2.使input获取/失去焦点 js — onfocus/onblur jquery — focu...
vue 动态控制input输入框的disabled属性
月影神社
09-23 1万+
最近项目上提出一个经常遇到的需求，点击新增时input可输入，点击编辑时input置灰。写下过程，希望能帮助到大家。 1.首先在input上添加disabled属性 2.data中定义isDisabled值为false(可编辑) 3.在新增的点击事件中设置isDisabled=false(可编辑) .编辑的点击事件中设置isDisabled=true(不可编辑). 最后的效果就是文章最开头啦！ ...
input标签中使用disabled这个属性导致传参失败等问题
Jenny—静默时间,花开灿然
10-22 1486
之前遇到过input标签中使用disabled这个属性导致
关于select框下设置了disabled导致前台有值，但后台接收不到的情况记录
phubing
07-14 2784
一、背景在项目（传统JSP）需要改版页面的时候，进入页面前先获取后台传过来的数据，但一部分数据需要设置不可编辑，select框是不支持readonly的，故将select加disabled，此时则引起了一些问题，后台取不到加了disabled属性的值。二、解决方案可能由于自己的前端偏弱（其实是以前没有好好学习），来看看W3C对disabled的说明定义和用法： disabled 属性规定应该禁用 ...
丐帮input中的属性
05-09
丐帮Input是一个自定义的输入组件，它包含以下属性： - `value`：输入框的值，可以通过 `v-model` 双向绑定。 - `type`：输入框的类型，如文本、密码等。取值为 `text`、`password`、`textarea` 等。 - `size`：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值