disable和readonly的区别和使用

最新推荐文章于 2024-01-21 08:00:00 发布

emo王子

最新推荐文章于 2024-01-21 08:00:00 发布

阅读量479

点赞数

文章标签：前端

本文链接：https://blog.csdn.net/aaaaaaaa_ewf/article/details/129197757

版权

本文详细介绍了HTML属性disable和readonly的区别。disable的元素无法获取焦点，无法通过tab键导航，并且通常表示不成功的状态。而readonly的元素可以聚焦，可使用tab键导航，但其内容是只读，不可修改，可以是successful的状态。

摘要由CSDN通过智能技术生成

disable：1、不能接受焦点

　　　　2、使用tab键的时候将被跳过

　　　　3、可能不是successful

readonly：1、可以接收焦点，但不能被修改

　　　　　2、可以使用tab键进行导航

　　　　　3、可能是successful的

disable使用：

readonly使用：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

emo王子

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

readonly、disabled、display、visible的区别

m0_59572920的博客

11-14

398

css样式设置中有几个功能相同但表现形式却略有差异的属性，今天在通过js更改对象的样式属性的时候就发现display和visible这两个貌似相同，其实还是有些区别的，这里顺便也把看到的readonly和disabled的区别也分享一下。 display和visible的区别：（1）首先说明的是display:none和visible:hidden都能够实现将网页上某个元素隐藏起来。（2）如果在样式文件或页面文件代码中直接用display:none对元素进行了隐藏，载入页面后，在没有通过js设置样

disable与readonly

麦兜的专栏

11-07

786

今天改bug遇见一个折磨人的问题。由于直接进的是修改页面、会根据标示去判断是否允许修改字段、找半天没发现有什么问题但是、每次从新保存后此时标示会改为不可修改、当再次点击保存、部分数据会丢失、后台数据排查发现此时页面部分数据为空、。然后找页面问题、看半天发现未保存上的数据用了disable,其他用readonly的不存在数据丢失问题、才想起来可能问题出现在这个disable上、随百度查之、 Rea

参与评论您还未登录，请先登录后发表或查看评论

html input readonly 和 disable的区别

weixin_33853827的博客

03-30

513

Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会...

只读（Readonly）与禁用（Disable）的区别与使用

热门推荐

weixin_44544716的博客

01-19

2万+

作者：吴晓佩撰写时间：2019年1月18日区别：（1）表面上可看到的区别就是当这两个词都设置为true时，都为禁用状态，当鼠标移上时使用disable的相关控件时鼠标出现禁用样式，并且不可做任何操作，而Readonly还可以获取文本框里的焦点。（2） Disable比readonly的使用范围比广，适用文本框、文本域、下拉框、button按钮、单选框…….而readonly只适用于inp...

readonly和disable的区别

weixin_46902438的博客

09-09

303

disable 适用于所有控件比如文本框，文本域，下拉框，按钮，单选框等等比较彻底，所有的事件以及背景色都不能触发或者修改 readonly 适用于input(text, passwork, taxtarea) 页面上无法修改事件，文本框里的焦点都可以获取在这里插入代码片到，也可以选中和拷贝文本 disable 设置为true 不能向后台提交数据，可以用readonly (背景色设置为#cccccc) 或者提交的时候取消禁用。注意：这两个的文本输入框只能通过value进行更改 ...

HTML中Readonly和Disabled的区别

qixiaopeng

05-20

173

ReadOnly和Disabled的作用是使用户不能够更改表单域中的内容，但是二者还是有着一些区别的： 1、Readonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包括select，radio,checkbox,button等。在表单元素使用了disabled后，我们将表单以POST或者GET的方式提交的话，这个元素的值...

浅谈html中input只读属性readonly和disable的区别

09-28

HTML中的`readonly`和`disabled`属性都是用来限制用户对表单元素的交互，但它们在实际应用中具有不同的效果和使用场景。首先，`readonly`属性主要用于`<input>`（如`text`、`password`）和`<textarea>`元素。它...

表单中Readonly和Disabled的区别详解

10-24

在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。首先，`readonly` 属性主要用于`...

readonly和disabled属性的区别

01-19

在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为”不可用”状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。...

readonly 和 disable的区别

weixin_34375054的博客

06-02

177

关于disable和readonly的区别

qq_29436593的博客

12-28

842

前几天在页面上的给某个input框设置了一个disable属性，然后在用form提交表单的过程中，发现后台的实体类得不到这个字段的值，当时就有点懵，当然我的第一反应不是百度更不是问人，毕竟这种问题实在是不太好意思问的出口，自己默默的把表单和后台实体类的字段属性甚至于数据库的字段都（虽然和数据库并没有半毛钱关系）梳理了一遍，发现任然是获取不到这个字段的值，嗯，纠结了一会之后，抱着死马当活马医的态度把

作为一位Web开发人员，请解释在HTML的form中的input元素中，readonly和disable两个属性之间的主要区别。要详细解释它们的工作机制、用途，以及在何种情况下应使用哪个属性

最新发布

zz_ll9023的博客

01-21

804

工作机制：当一个输入字段被设置为 disabled，用户既不能聚焦在该字段上，也不能修改其内容。readonly属性：这意味着用户可以查看输入字段的值，但不能修改它。当一个输入字段被设置为readonly时，用户可以聚焦并查看其值，但不能进行编辑或更改。工作机制：当一个输入字段被设置为 readonly，用户仍然可以在该字段中看到和聚焦，但不能修改其内容。用途： disabled 属性用于当输入字段在某些情况下不应被用户修改，或者当开发者希望确保某些值不被更改时。-- 禁用字段 -->

readonly 和 disable 的区别

DuanLiuchang的博客

10-18

537

http://www.cnblogs.com/sgivee/archive/2010/06/02/1750201.html http://swordshadow.iteye.com/blog/2062156

辨析disabled和readonly的异同

eeeecw的博客

01-05

1125

共同点这两种写法都会使显示出来的文本框不能输入文字。可以通过js脚本修改其中内容。想要撤销，只能删除相应的属性，设置flase无效 disabled特点 disabled不会对任何事件进行响应（比如：click事件无效）。 disabled的元素的值不会提交。 disabled属性可以用于所有的表单元素。 readonly特点 readonly会对事件进行响应。 read

js中disabled和readonly的区别

mischen520的博客

07-08

4918

js中disabled和readonly的区别 Title //disabled 灰掉 //disabled 写在标签里可以直接写disabled 也可以写 disabled="disabled" //在js中操作disabled 设置true 或 false //form提

readonly与disable的区别

Logica的专栏

09-15

1609

readonly与disable都是用在表单元素中的两个属性，都能做到使用户不能更改表单域中的内容。他们的区别是： ①readonly针对的是input(text/password)和textarea disable针对的是所有的表单元素，包括select,radio,checkbox,button等 ②当表单元素使用了disable属性后，用post/get方法提交表单，使用

CSS：readonly与disabled属性

(づ｡◕‿‿◕｡)づgigi奋斗在前端和刷题中╮(╯﹏╰)╭

02-17

6474

共同点：二者都不可被编辑； input的disable和readonly的区别：disabled：在表单被提交的时候不会被发送无法被focus，在使用tab切换表单项的时候也会被跳过 readonly：在表单被提交时数据会被发送可以被focus，也可以被tab切换选中

表单中的readOnly 和disabled

weixin_34278190的博客

10-07

413

adonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表...

winform textbox disable 颜色

05-13

textBox1.ReadOnly = true; ``` 这样就可以将文本颜色设置为灰色，背景色设置为浅灰色，并且禁用控件的编辑功能。 2. 自定义 TextBox 组件您还可以自定义一个 TextBox 组件，重载它的 OnEnabledChanged 方法，...