form表单disabled属性向后台传值么

最新推荐文章于 2024-05-06 23:20:37 发布
最新推荐文章于 2024-05-06 23:20:37 发布
阅读量1.2k 收藏 2
点赞数
分类专栏： PHP HTML 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fjnjxr/article/details/107511391
版权
PHP 同时被 2 个专栏收录
96 篇文章 1 订阅
订阅专栏
HTML
3 篇文章 0 订阅
订阅专栏

在form表单里，如果对input 或者 select 标签 加入disabled="disabled"或disabled="true"属性，form表单提交的时候，是不会传值到后台。

原因：在HTML页面的某元素加入了disable的属性，只显示，不提交

解决方法：

1 再写一个隐藏属性，一个用于显示，一个用于传值。
2 去掉disabled属性

fjnjxr
关注
专栏目录
form表单中的Input使用disabled不能提交的解决方法
09-22
form表单中的Input使用disabled导致不能提交，经测试终有一解，具体如下，希望遇到类似问题的朋友可以参考下，希望对大家有所帮助
disabled属性对form表单向后台传值的影响
热门推荐
Sun
04-22 1万+
在form表单里，如果对input加入disabled="disabled"或disabled="true"等属性，form表单提交的时候，就不
form表单元素设置disabled属性后支持点击click事件
lnkToKing的博客
09-14 7373
<label onclick="alert('holle world')"><input type="checkbox" disabled style="pointer-events:none"></label>在disabled元素外面包一层，可以是label，也可以是其它的元素，然后把事件写在外层元素上，并把disabled元素样式设置成”pointer-events:none”，这个样式是让元
提交的表单中disable的select标签其参数不会被采集传输
子謀的博客
11-22 595
问题描述 在一个form表单中有一个select标签但被disable了，目的是为了不能使用此选择框但是可以显示值，select标签也没有readonly属性只有disable属性。 disable定义及用法： disabled 属性规定禁用下拉列表。被禁用的下拉列表既不可用，也不可点击。 <select disabled="value"> 问题： 当提交表单时，disabled为t...
表单form中readonly只读和 disabled不可选的异同（超详细 附应用场景）
qq_41968486的博客
08-28 2563
** 表单中readonly只读和 disabled不可选的异同： 好久没有写博客了，最近在学习前端框架 会陆续把一些需要注意的点补上。好了 切入正题。。。 --------------------------------分割线----------------------------------------- 相同点：两者都是用在表单中的两个属性，它们都能够使用户不能更改表单域中的内容。...
form表单中什么隐藏属性可以随表单提交
09-28
form表单中隐藏属性的使用可以帮助开发者控制哪些数据需要被提交，哪些数据不需要用户直接可见，但依然可以随表单一起发送到服务器。了解隐藏属性在form中的应用对于掌握Web表单的高级使用非常重要。 首先，我们...
html表单属性readonly和disabled的使用方法
09-28
总的来说，理解和正确使用`readonly`和`disabled`属性可以帮助我们更好地控制用户的输入体验，同时满足后台处理数据的需求。在设计用户界面时，考虑到这些细节可以使我们的应用或网站更加友好和功能完备。
表单元素属性readonly和disabled使用对比
12-14
1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] disabled：所有的表单元素，如select, radio, checkbox, button等 2）操作： readonly：不允许用户修改操作，不影响...
解决disable 属性无法向后台传值
Mr__Ming(QQ：1178889246)的博客
02-27 1176
在form表单中，如果对input加入了disabled="disabled"或者disabled="true"等属性，form表单提交的时候，就不会把值传到后台。原因是：在html页面的某元素加入了disabled的属性,那么这个元素就只是淡淡的去给用户展示，当表单提交时，这个元素就不会提交给后台处理，所以当元素加入了disabled属性之后，后台就无法得到这个属性的值。解决办法： 1、再写一个...
ASP传递参数大全
cnso2的专栏
07-29 3169
ASP传递参数大全   ASP传递参数大全 2007-07-04 09:56 1、链接传递 >确认删除 2、表单传递 method=post> 3、数据库传递 db=Request.QueryString("db") set rs=server.createobject("adodb.records
form 表单中 disabled 属性的元素不参与表单提交
低至一折起的博客
01-26 6649
示例代码： form id="saveForm"> input id="saveForm-age" name="age" disabled="disabled" /> input id="saveForm-age" name="age" disabled="true" /> form> 当上述两种写法出现时，表单提交的数据中，将不包括 age 这个属性，这是因为 inpu
解决angualr13 form表单设置disabled不起作用问题
富朝阳的博客
03-22 947
通过 config.get('name') 来获取通过 formControlName 绑定的表单控件，并使用 enable() 和 disable() 方法来切换其禁用状态。当点击 “Toggle Disabled” 按钮时，isDisabled 属性会切换其值以实现禁用和启用控件的效果。formControlName 是 Angular 中的一个指令，用于绑定表单控件，并自动处理表单控件的状态和值。当使用 formControlName 绑定一个表单控件时，它将负责控制该控件的禁用状态。
form表单中的某一个参数取不到，传不到后端（解决）
xy405580364的博客
10-31 2015
1.代码如下 <el-form ref="form" :model="form" :rules="rules" size="small" label-width="109px"> <el-form-item label="位置" prop="position"> <el-select v-model="form.position" style="widt...
关于 disabled 属性和 readonly属性以及其对form表单向后台传值的影响
qq_38141890的博客
04-11 1860
近日，在对页面一个字段设置为不可修改时，想到用 disabled 属性，可是在使用之后发现后台无法获取该字段的值。       临时工位编号：       disabled="disabled"/>     于是搜到了下面的一段(摘抄网上，csdn博主：wsh900221)：         在form表单里，如果对input加入disab
【JEECG】 子改主#表单值改变事件
最新发布
乌昂王
05-06 828
【JEECG】 子改主#表单值改变事件 当子表的值发生改变的时候，关联修改主表的字段值。
form中的input可以设置readonly和disable，请问这两项属性有什么区别？ 举个例子
weixin_42095178的博客
02-02 303
readonly 和 disabled 属性在 HTML 表单 元素中都用于限制用户输入，但它们之间存在一些重要的差异。当一个 元素被设置为 readonly，用户仍然可以看到该输入框并可以聚焦它，但无法修改其内容。当一个 元素被设置为 disabled，用户既不能看到输入框也不能聚焦它，以及不能修改其内容。disabled 不仅限制了编辑，还完全禁用了与输入框相关的所有用户交互。readonly 只限制了用户的编辑能力，但允许其他交互（如复制值）。用户不能复制输入框中的内容。
解决disable 属性无法向后台传值的方案
niguangfeixiang911的博客
11-13 1539
在form表单中，如果对input加入了disabled=”disabled”或者disabled=”true”等属性，form表单提交的时候，就不会把值传到后台。
vue form表单的disabled
07-07
在Vue中，你可以通过使用v-bind指令或者简写的冒号语法来绑定一个属性。对于表单的disabled属性，你可以这样使用： ```html <template> <form> <input type="text" v-bind:disabled="isDisabled"> <button type="submit" v-bind:disabled="isDisabled">提交</button> </form> </template> <script> export default { data() { return { isDisabled: true } } } </script> ``` 在上面的代码中，我们使用了一个data属性`isDisabled`来控制表单元素的disabled属性。当`isDisabled`为true时，输入框和提交按钮都将被禁用。你可以根据你的具体逻辑来更新`isDisabled`的值，以实现动态的禁用/启用表单元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值