html代码input属性readonly和disabled区别

最新推荐文章于 2024-08-01 14:56:00 发布
最新推荐文章于 2024-08-01 14:56:00 发布
阅读量1.1k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/a454213722/article/details/52636777
版权 
为这篇文章的目的主要是之前没有注意过这个问题，最近无意中看到了关于readonly和disabled区别，于是打算总结一下，怕忘记

①input(text / password)和textarea有效，disabled对于所有的表单元素都有效

②提交表单的时候disabled，的表单元素不会别提交，readonly属性的元素会提交

③disabled表单输入项不能获取焦点，readonly可以聚焦焦点


让表单的元素不可能我推荐还是用disabled，原因是现在想chrome这个可以修改元素值可以被修改提交，安全点还是选择disabled


QQ交流群：136351212
查看原文：http://www.phpsong.com/2458.html
carson
关注
html表单属性readonly和disabled的使用方法
09-28
这时，`readonly` 和 `disabled` 这两个属性就显得尤为重要。 1. **只读属性（readonly）** - `readonly` 属性用于设置表单元素为只读状态。这意味着用户可以看到元素中的文本，但不能修改它。当用户尝试改变只读...
input设置为只读模式
热门推荐
weixin_39784070的博客
11-06 2万+
input框设置为只读依靠两个属性（disabled或readOnly），下面主要说明两者的区别： 1.disabled：作用范围大，所有input类型都有效，但被disabled修饰过的input的值不能随表单提交。 HTML中的表示： JQUERY中的表示：$("#eg1").attr("disabled","disabled"); 2.readOnly：作用范围较小，仅限于text，
让文本框＜input＞只读
weixin_63082074的博客
02-24 3727
让文本框只读
input禁止输入的4种方法
最新发布
青茶
08-01 973
input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色。<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制。<input type="text" value="哈哈哈" onfocus="this.blur();
input输入框内容只读
weixin_45743799的博客
11-26 8686
有的时候一些固定的数据只能观看而无法修改，那麽我们如何设置呢？ 设置input输入框内容的只读性在此我总结了两个方法。 效果演示 确实进行了选中修改添加文本内容等操作，但是数据始终是无法修改的。 方法一 readonly属性 使用方法 <input type="text" value="admin" readonly="readonly" /> 方法二 disabled属性 使用方...
设置HTML中input标签的只读模式
weixin_44544885的博客
08-18 8237
在html中有两个设置只读的属性： 1.readOnly 可获取值，不可输入值，可回填值； 2.disabled 不可获取，不可输入值，可回填值； 1.基本操作 设置只读： <!--设置disabled属性为只读--> <input type="text" class="form-control" id="BWHM" name="keHuLianXiHao" ...
html里设置只读,html怎么设置只读
weixin_33139087的博客
06-15 2352
html设置只读的方法：首先创建一个HTML示例文件；然后创建一个form表单；接着设置input标签；最后给input标签添加“readonly”属性即可实现只读效果。本文操作环境：windows7系统、HTML5&&CSS3版、Dell G3电脑。readonly 属性规定输入字段为只读。只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文...
浅谈html中input只读属性readonly和disable的区别
09-28
HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。 首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...
javascript中input中readonly和disabled区别介绍
10-27
在JavaScript中，`readonly` 和 `disabled` 是两个用于表单输入元素的重要属性，它们都...在编写JavaScript代码处理表单时，理解这两个属性的区别是非常重要的，以便能够正确地控制用户的交互行为和表单数据的处理。
input输入框只读的几种方式
qq_43842093的博客
05-29 7523
input输入框只读的几种方式 **readonly：**只针对input(text / password)和textarea有效；如果设为true，用户只是不能编辑对应的文本，但是仍然可以聚焦焦点，并且在提交表单的时候，该输入项会作为form的一项提交。 <input type="text" value="admin" readonly /> **disabled：**对于所有的表单元素都有效，包括select, radio, checkbox, button等。如果一个输入项的disabl
【PHP】PHP 8.1 的新特性一览 | 交叉类型、枚举、never 返回类型、Fibers 纤程、readonly 只读属性
Code Metaverse
10-02 1661
在工作表中以列或行的形式排列的数据可以绘制为雷达图。雷达图比较若干数据系列的聚合值。雷达图和带数据标记的雷达图无论单独的数据点有无标记，雷达图都显示值相对于中心点的变化。填充雷达图在填充雷达图中，数据系列覆盖的区域填充有颜色。
.input只读，禁用，必填，提示词（占位符）属性分别是什么？
qq_60504665的博客
06-21 731
元素有几个常用的属性，包括只读（readonly）、禁用（disabled）、必填（required）和提示词（占位符，placeholder）。属性通常一起使用，以告诉用户哪些字段是必填的，并提供一些指导性的输入建议。属性则用于控制用户的交互行为。
php readonly,使用readonly属性让失效文字更易阅读_php
weixin_30449673的博客
03-23 624
已经厌倦了眯着眼睛看灰色文字？Readonly可以为你提供一种更好的解决方案现在我发现自己变老的确切信号不是周身不适，而是要理解web页面中输入框或文本区域中失效文字(disabled text)所表达意思已经变得越来越困难。对于像我这样怀念古老的Windows 2000的老家伙来说，那些灰色的文字似乎已经有同背景融为一体的趋势。http://www.gaodaima.com/45151.html...
input只读
我是传奇
07-16 3265
有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。Readonly仅仅是无法编辑，不影响其值的传递。Disabled使用：Readonly使用：
html input 只读
ivan0609的专栏
11-06 1614
html input 只读 有两种方式可以实现input的只读效果：disabled 和 readonly。 自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。 Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。 Readonly仅仅是无法编辑，不影响其值的传递。 Disabled使用： Readonly使用：
php 只读变量,PHP：类中的静态Readonly属性
weixin_36314117的博客
03-11 401
直接回答您的问题：不,您不能将常规属性标记为只读.如果你想设置基本类型(数组除外),那将永远不会改变,你应该使用常量const QWE = '666';这对于对象和数组不起作用.我看到两个(让我们说)“解决方案”>使用Getterprivate $qwe;public function getQwe() { return $this->qwe; }protected function ...
readOnly修改不生效的一种情况
hello world
06-14 1524
原因是：readOnly不是靠true和false来控制的，只要有readOnly，不管它后面是啥值都是不可改变的，所以应该这么写才对。想用如下代码实现改变readOnly的值，但是却不起作用，请问该怎么修改？
如何设置select，input只读不可编辑且值可传递
君子不卿
11-28 1139
属性规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。. readonly 属性可以防止用户对值进行修改。
关于input标签设置只读属性的问题
weixin_44863665的博客
06-20 663
在小程序上使用只读属性很多人会遇到一个坑，那就是readonly属性设置没有效果，这是因为小程序不支持此属性，直接使用disabled=true即可，样式上不会发生改变。在开发过程中，经常在表单回显状态下需要设置部分input输入框为只读，然而设置只读属性在pc端h5和小程序上的表现是不一样的。两个属性的差异在于：使用disabled时，鼠标会变成一个禁止的样式，使用readonly就不会有变化。也可以使用disabled=true来实现。使用readonly属性就可以实现只读。
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、付费专栏及课程。

余额充值