input的disabled属性会导致无法上传

最新推荐文章于 2021-07-31 11:07:24 发布
原创 最新推荐文章于 2021-07-31 11:07:24 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html

本文探讨了在网页表单中使用disable属性与readonly属性的不同之处。disable属性虽然能阻止用户编辑输入框，但会导致表单提交时忽略该输入框的值；而readonly属性则能在保护输入内容的同时保留其在表单提交时的有效性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

如题 很多人会用disable禁止用户修改input的值
但是同时会导致form提交时不包含这个文本框的值
（disabled本意即为禁用 所以自然不会上传）

需要实现禁止修改可以使用readonly属性

如果我的文章有帮上什么忙并且您也愿意赏个脸 就扫码领个红包吧(～￣▽￣)～

在这里插入图片描述

25、JavaServer Faces开发：组件、文件上传与Ajax应用全解析
u6v7w8x的博客
08-12 5
本文详细解析了JavaServer Faces开发中的核心内容，包括使用RichFaces和PrimeFaces等自定义JSF组件库、实现文件上传功能以及结合Ajax提升用户体验。文章还介绍了JSF开发的整体流程、常见问题及解决方案、性能优化建议以及一个实际的在线商城用户注册页面案例分析，帮助开发者快速构建功能丰富、响应迅速的Web应用。
input disabled不能提交表单
李刚的学习专栏
04-07 2万+
今天，在开发过程中发现一个问题，在提交form表单时，有一个input一直不能被提交，后台一直报错！究其原因，是因为该input上设置了disabled属性。然而，有时我们又不得不设置某些元素为不可操作的，建议使用readonly替之。 一、readonly & disabled区别 readonly和disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。
给标签设置disabled属性后提交不了数据
weixin_33785108的博客
03-03 697
项目中遇到给select标签添加disabled属性然后提交表单的时候不能提交该表单的数据到后台， readonly属性对提交数据没有限制，但是readonly属性对radio、select、checkbox这三个表单不起作用 解决方法： 1：设置disabled属性，把表单值储存在hidden隐藏域中； 2：通过jQuery控制表单属性的true/false。 　　　　<sc...
怎样让input type=file 只读，并能实现文件上传
没有艰辛，便无所获
07-09 272
试过很多方法，都未能实现，如： 设置readOnly=true 设置disable 设置this.blur() 通过javascript来控制 。。。 都不行，因为只要是readOnly或disable，都无法弹出选择文件的窗口，即使用javascript实现了弹出，上传时也不行 (ASP.net中)，最后还是把中心放在了让他没有焦点上，设置了hideFocus=true也不行，...
input file控件限制上传文件类型
weixin_30646315的博客
11-19 357
　　网页上添加一个input file HTML控件： <input id="File1" type="file" /> 　　默认是这样的，所有文件类型都会显示出来，如果想限制它只显示我们设定的文件类型呢，比如“word“,”excel“,”pdf“文件　 　　解决办法是可以给它添加一个accept属性，比如： <input id="File1" ty...
表单提交时阻止某个input
ttn456456的博客
04-10 4515
js设置其name为空$(".little").attr("name","");
web组件disabled之后灰色变亮样式调整
05-09
以上代码示例中，`.disabled-style`类定义了一系列针对`disabled`状态元素的样式规则，然后通过`@extend`语法（这里假设使用了预处理器如Sass/SCSS）将这些规则应用到了`input[disabled]`选择器上。实际使用时，可以...
超详细 ElementUI 源码分析 —— Input
前端学习博客
03-17 2758
最近在学习 Vue 框架，想深入了解一下组件化开发以及封装组件库的思想，而 ElementUI 作为这方面做的最好的也是最常用的组件库，它的源码一定有很多值得我们去学习的地方，所以去 ElementUI 官网和 Github（来都来了，给个 star） 看了一下，决定边学习组件库边看源码，并把学习中的收获和疑问记录下来，预计会需要很长很长时间才能看完，但是为了提高自（gong）己（zi），还是静下...
重学前端 详解表单 / 详解input / 浏览器私有前缀的作用（第六天）
全网同名：PBitW！ 可以去掘金关注我！
07-24 1476
form表单 action method name label（标记） 神奇的input input源css（及type=text） 浏览器前缀 writing-mode（文本在水平或垂直方向上的排布）【对于input】 sideways-lr sideways-rl 2020/8/13补（对于可换行元素）： text-rendering（定义浏览器引擎如何渲染字体） -internal-light-dark【未解决】 letter-spacing（字符间距） word-spacing （字间隔） lett
jeecgboot上传文件到服务器,Jeecg-Boot 技术文档
weixin_32200879的博客
07-31 2006
# JEditableTable 帮助文档## 参数配置| 参数 | 类型 | 必填 | 说明 ||--------------|---------|------|--------------------------------...
disabled属性对form表单向后台传值的影响
Sun
04-22 1万+
在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性，form表单提交的时候，就不
input框添加disabled属性
feitiandezhu1399的博客
08-22 8715
给input框添加disabled属性有以下三种方法 方法一：$("#ids").combobox({ disabled: true }) 方法二：$("#ids").attr("disabled", true ) 方法三：$("#ids").attr("disabled", "disabled" )...
input输入框添加/删除disabled属性
qq_39822451的博客
11-30 7552
            添加属性： $('#cosn').attr("disabled",true); $('#cntsn').attr("disabled","disabled"); 删除属性：  $('#cosn').attr("disabled",false);   $('#cosn').removeAttr("disabled");   $('#cosn').attr("disabled.
input的disabled属性
woaixuexixixi的博客
06-07 5752
使用input的disabled属性后，无法通过getParameter()方法获取其属性。解决方法:disabled="disabled"  换为 readOnly="readOnly"两者效果一样，都是将编辑框设置为不可编辑状态。但是，readonly可以通过getParamet方法取值。...
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
解决取消input标签中disabled属性
amy540821的博客
02-05 5062
<input type="button" value="提交" class="submit" style="color: black; background-color: rgb(223, 223, 223);" disabled="disabled"> 　　做了一个button，需要设置它的disable属性，规定什么时候可以点，什么时候不可以点。 ...
input设置为disabled，表单无法提交后台解决方法
逸尘的专栏
04-15 1万+
<input name="country" id="country" size=12 value="disabled提交时得不到该值 " disabled="disabled" >放在form表单中提交后得不到该值。将disabled=”disabled” 改为 readonly = “readonly” 即可按照W3C的规范： 设置为disabled的input将会有下面的限制： - 不能接
【解决办法&原因】input标签中加入disabled属性后数据无法传入后台
LMX_hello的博客
07-04 4026
在实现项目中修改个人信息的时候，对于个人的ID 和 username 按照我的逻辑是不能修改的 于是就在input标签中加入了disabled使之无法修改 但是按下按钮后，非但数据没有传入后台，反而相应的属性变成了null 出问题代码如下 <input type="hidden" name="bookType" value="0"> <p> ...
input设置为disabled提交后获取不到该值的解决方法
yiluoAK_47的专栏
08-21 2万+
在做网站管理后台的用户修改功能时，由于当前用户修改个人信息时规定用户名不能修改，故使用了input标签的disabled属性，但是在提交数据后却发现用户名显示为空了。后来一查才知道input设置为disabled值时会有下面的限制： 1、不能接收焦点； 2、使用tab键时将被跳过； 3、可能不是successful的。 解决方法是：可以使用readonly=”readonly”属性代替
uniapp 实现h5拍照并上传功能
最新发布
07-11
这可能是由于H5环境下的安全限制，导致无法直接访问本地文件路径。因此，我们需要将图片转换为Base64格式或者使用Blob对象上传。 具体实现步骤： 步骤1：调用摄像头获取图片 使用`uni.chooseImage`方法，设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值