表单对象属性disabled和readOnly

最新推荐文章于 2024-06-07 15:27:50 发布
最新推荐文章于 2024-06-07 15:27:50 发布
阅读量83 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/mr-wuxiansheng/p/6415688.html
本文简要介绍了HTML中disabled与readonly属性的区别：disabled属性使元素完全禁用且不参与表单提交，而readonly属性仅阻止用户修改输入内容但仍会随表单一并提交。

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

简而言之：

disabled 和 readonly 区别：
    disabled 被禁用后的元素，不会随表单提交  
    readonly 不可修改， 会随表单提交

 

转载于:https://www.cnblogs.com/mr-wuxiansheng/p/6415688.html

Ant Design Vue Input 输入框设置只读
qwe122343的博客
12-10 7264
<a-input v-model="A" placeholder="请输入"/> 只读 readonly 需要写成 readOnly <a-input v-model="A" placeholder="请输入" readOnly/>
实现Ant Design Vue中Checkbox readonly效果
weixin_58868567的博客
02-01 763
组件中不支持 Checkbox 组件实现readonly效果，想要利用click 事件中return false 实现，运行后发现不能实现想要的效果。因此在checkbox外套一个容器，实现readonly效果。
【无标题】Ant design form 表单只读设置
xiaoxiaoshanzhai的专栏
12-30 3941
Ant design form 表单设置只读 ，需要设置readOnly属性 如 <a-input placeholder="请输入员工eid" v-model="model.eid" readOnly/>
Ant Design+react 表单只读
最新发布
wang_59881的博客
06-07 938
表单禁用，样式不好看，不符合甲方标准，看了一下文档，select、radio等都不支持只读状态。在查看弹窗时，传入一个变量，当变量为true时，设置className样式，否则不作操作。point-events可以阻止点击事件的效果，以及鼠标指针显示。鼠标点击不会有任何操作，也不会切换radio和select下拉。利用css3的point-events属性，设置为none。
html表单属性readonly和disabled的使用方法
09-28
这时，`readonly` 和 `disabled` 这两个属性就显得尤为重要。 1. **只读属性（readonly）** - `readonly` 属性用于设置表单元素为只读状态。这意味着用户可以看到元素中的文本，但不能修改它。当用户尝试改变只读...
表单元素属性readonly和disabled使用对比
09-28
在HTML中，`readonly`和`disabled`是两个非常重要的表单元素属性，它们用于限制用户对表单输入的交互方式。这两个属性虽然在目的上相似，但它们的应用场景、操作行为以及在表单提交时的行为却有着明显的区别。 首先...
Readonly和Disabled的区别
09-28
Readonly和Disabled是HTML表单中的两个重要的属性，它们都可以限制用户对表单元素的交互操作。尽管它们有共同的功能，即防止表单数据被修改，但它们之间存在着本质的区别。 首先，Readonly属性主要应用于input元素...
ant-design-vue 输入框设置只读
weixin_44055653的博客
10-04 1529
【代码】ant-design-vue 输入框设置只读。
vue篇-ant design vue关于input组件设置只读
weixin_41284629的博客
06-10 5848
vue篇-ant design vue关于input组件设置只读 设置方法如下 <a-input readOnly placeholder="请选择随访患者" /> readonly 的o需为大写
readOnly与disabled的区别
涂的专栏
06-09 656
Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我
ant design vue 的 input组件 不能输入但可以选择
m0_60666754的博客
01-09 1504
1.如下图，设置了只读性，只能选择放大镜，但不能输入文字（readOnly ）注意：readOnly 的O要大写。
表单只读readonly属性,不要再用disabled了
牛晓林的博客
12-11 3090
一般列表都会有查看和编辑功能，我这傻fufu的用的disabled,然后就这样，很丑。 今天突然看到readonly，才想起来还有这个属性！！！之前读法一直有问题，以为是rendon-ly， j今天恍然大悟，是read-only啊，只读啊，多好理解！ 用在vue里，原生input标签是这样： 这里readonly的o大小写都没关系。 但如果是ant-design-vue，最好readOnly或者read-only， 如果用readonly会有警告信息 只读，文字可以被选中，样式还好看！！ 路漫漫其修远
react input 只读
曹焱的博客
05-28 9404
只读   readonly    按第二种写就会警告，     所以应该按第一种写 readOnly   深圳的加一下群吧，一起交流，面试内推线下活动等等 最后分享一个公众号二维码，写一些散文和影评等，欢迎关注。 ...
设置所有表单元素为只读属性
山鬼谣的专栏
10-27 1万+
$('#uploadForm').find('input,textarea').attr('readonly',false);这样大部分的表单元素都不能点击。当如果是`<input type="file"/>`时，依然可以点击， 解决办法：设置为禁用元素： $('#uploadForm').find('input,textarea').attr('disabled',false);参考地址> htt
react里踩过的那些坑
会飞的猪Pippa
07-16 5911
本文根据react+antd+redux模式，记录官方不给的小内容。 input的只读模式： 注意：是readOnly，readonly或readonly=”readonly”无效 不带毫秒数的时间戳，转换前要unix为标准格式， moment.unix(int类型)，多个时间方法调用： const formatDate = (timeTs, formatter = ‘YYYY-MM-DD...
AntDesign 之Input控件，禁止用户输入空格
world_kun的博客
08-07 1万+
有两种解决方案，下面上代码 <Form.Item> { getFieldDecorator("content",{ rules:[ { required:true, message:"内容不能为空" }, ...
Ant Design 方法默认传值，加上其他参数
热门推荐
hbkc5的博客
08-01 1万+
Ant Design里面的一些触发方法，如OnChange,OnSelect等等，当你触发时，该时间会自动传一些值给方法。 这是Select里面的onChange调用，在红框中，他会自动传Option的value值给你写的方法。 但如果，你想在这个调用中除了传固有的值，还想传你自己相传的参数呢？ 如果直接写 onChange={this.onChange(你要传的参数)}，他
html中disabled的控件后台不能接收
ch717828的专栏
12-24 1290
html的 input 能被后台接收和不能接收的集中类型 1.后台能收到 input 类型为 readyonly , type="hidden" , display:none 三种中的任意一种 2.后台收到为null input为 disabled 只尝试了这几种，欢迎补充
jquery设置表单元素只读_JQuery控制input的readonly和disabled属性
05-26
可以使用 jQuery 的 `prop()` 方法来设置表单元素的 `readonly` 和 `disabled` 属性。 例如，要将一个输入框设置为只读，可以使用以下代码： ```javascript $("#input-id").prop("readonly", true); ``` 同样地，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值