disabled & readonly

最新推荐文章于 2023-04-14 15:06:28 发布
转载 最新推荐文章于 2023-04-14 15:06:28 发布 · 94 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/bluewolfox/archive/2010/08/04/1792242.html

本文探讨了HTML中readonly与disabled属性的不同之处。readonly使输入框不可编辑但仍参与表单提交，而disabled则完全禁止输入且不参与提交。文章还讨论了这两种属性在用户体验和功能上的差异。

页面上一input，第一次编辑时允许输入，以后就不可编辑，也就是一次性编辑吧，话说他们开发用了readonly，的确不可编辑了，但是还是可以focus，所以input的高亮及提示效果也就还是有了。想改用disabled的，也的确不能focus了的，可是disabled的input在form提交时是不会提交的，所以最终还是在高亮的js上做了下手脚

 

readonly：不可以输入，但可以focus；tab键切换有用；form提交时会提交

disabled：不可以输入，也不可以focus；tab键切换无用；form提交时不会进行提交

转载于:https://www.cnblogs.com/bluewolfox/archive/2010/08/04/1792242.html

HTML中Select不用Disabled实现ReadOnly的效果
12-10
方法如下： 代码如下:<select onbeforeactivate=”return false” onfocus=”this.blur()” onmouseover=”this.setCapture()” onmouseout=”this.releaseCapture()”>   <option>1</option>  </select>
select 怎么实现 readonly的效果。。。
weixin_30709929的博客
01-24 221
html中input标签有readonly的属性，使用时内容只可读取，不可修改。 最近使用select，也想实现类似功能，网上找的的方法是加一条语句： onbeforeactivate = "return false" onfocus = "this.blur()" onmouseover="this.setCapture()" onmouseout="this.releaseCapture...
js和jq的disabled&readonly
Jancy的博客
03-16 1404
直接在标签上加disabled//无论disabled的值是什么，都能禁用input元素 <input type="text" name="username" disabled=""> <input type="text" name="username" disabled=" "> <input type="text" name="username" disabled="abc"> <input t
disabled和readonly 以及焦点问题
全网同名：PBitW！ 可以去掘金关注我！
10-30 2146
1、disabled和readonly 联系 区别 案例 什么属性可以阻止选中或者拷贝文本呢？ hidden 属性是什么？ 那么hidden为什么不能和disabled一起使用呢？ 2、disabled之后，上面的事件还在吗？ 3、焦点是什么？ DOM0级事件、DOM2级事件是啥？
input属性disabled和readonly的区别
每天学习一点点
04-15 1313
1.disabled和readonly使用实例 disabled写法：&lt;input type="text" name="aaa" value="xxx" disabled /&gt; readonly写法：&lt;input type="text" name="bbb" value="xxx" readonly /&gt; 2.两种写法的相同点： 都会使文本框变成只读，不...
disabled和readonly的区别
weixin_44999830的博客
10-11 293
1.Readonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包括select,radio,checkbox,button等。 2.在表单元素使用了disabled后，我们将表单以POST或者GET的方式提交的话，这个元素的值不会被传递出去，而readonly会将该值传递出去. 3.disabled后不能触发JS事件，而read...
readonly与disabled区别：
weixin_42171432的博客
10-14 253
区别： 1.readonly：只读，不影响提交问题； 2.disabled：阻止对元素的一切操作，表单元素的值是无法被提交； 3.disabled属性可以用于所有表单元素；而readonly属性只针对input、textarea有效！！！ ...
disabled与readonly的作用及区别介绍
09-28
在网页开发中，`disabled` 和 `readonly` 是两个非常重要的属性，它们都用于限制用户对HTML表单元素的交互，但它们之间存在着显著的区别。接下来我们将深入探讨这两个属性的作用和差异。 首先，`readonly` 属性主要...
Readonly和Disabled的区别
09-28
与Readonly不同，Disabled属性可以用于所有的表单元素，包括input、textarea、select、radio、checkbox以及按钮等。当元素被设置为Disabled时，它不仅禁止用户输入或选择，而且元素在表单提交过程中不会将其值发送到...
通过disabled和readonly将input设置为只读效果
12-14
在HTML表单设计中，有时候我们需要用户只能查看输入框（input）中的内容而不能修改，这时我们可以使用`disabled`和`readonly`属性来实现只读效果。这两种属性虽然都能达到表面的只读目的，但它们在功能上存在显著...
disabled与readonly区别
文龙刚的博客
04-14 611
Readonly和Disabled 两种属性的写法如下。
让select支持readonly属性的几个方法
weixin_34345560的博客
06-17 3193
　　1》设置表单的readonly属性　　问题：但是readonly属性对radio、select、checkbox这三个表单不起什么作用　　2》设置表单的disabled属性　　问题：设置了disabled属性后，后台读取不到数据　　办法：http://www.gold8.hk 创基黄金　　1、设置disabled属性，并把表单值存入hidden隐藏域中　　2、使用用j...
二维码工具(1).zip
最新发布
09-13
二维码工具(1).zip
基于ZXing修改的二维码扫描器.zip
09-12
基于ZXing修改的二维码扫描器.zip
readonly和disabled的区别
03-17
readonly和disabled的区别是： - readonly是只读属性，用户不能对其进行修改，但是可以获取其值。 - disabled是禁用属性，用户既不能对其进行修改也不能获取其值。 所以readonly属性可以用来限制用户修改某些值，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值