表单中readonly和disabled的区别

最新推荐文章于 2023-05-16 19:12:13 发布

weixin_34297704

最新推荐文章于 2023-05-16 19:12:13 发布

阅读量58

点赞数

原文链接：https://my.oschina.net/u/2351011/blog/3002408

版权

2019独角兽企业重金招聘Python工程师标准>>>

这两种写法都会使显示出来的文本框不能输入文字，

但disabled会使文本框变灰，而且通过通过表单提交时，获取不到文本框中的value值（如果有的话），

而readonly只是使文本框不能输入，外观没有变化，而且表单提交时不影响获取value值。

Readonly只针对input(text / password)和textarea有效，

而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。

转载于:https://my.oschina.net/u/2351011/blog/3002408

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34297704

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

表单中Readonly和Disabled的区别详解

10-24

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

html表单属性readonly和disabled的使用方法

09-28

两者之间的关键区别在于，`readonly`字段在提交表单时仍会传递其值，而`disabled`字段则不会。此外，`readonly`字段保持可点击和高亮状态，用户可以选中，而`disabled`字段则完全不可选中，视觉上表现出被禁用的状态...

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

readonly和disabled的作用？区别？别翻了，这有精细汇总齐的秘籍！

Yummy的博客

04-06

1769

目录一、介绍及作用二、用法三、区别 1、外观变化不同 2、作用范围不同 3、对元素的影响程度不同 4、表达提交情况不同四、常用情况 1、关于readonly 2、关于disabled 一、介绍及作用 readonly 把输入的字段设为只读，但是没有禁用 readonly=” readonly”，将元素设置为只读，其他操作正常。 disabled 禁用一个input元素。 disabled="disabled"，阻止对元素的一切操作，例如获取焦点，点击事件等。 read...

readonly 和 disabled

七里的专栏

06-10

590

readonly 和 disabled区别

Js只读（readOnly）和禁用（disabled）

是个非常热爱生活、乐观、奋斗、努力的逗比青年

05-16

5119

只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！

标签的readonly和disabled属性的区别

mid120的博客

09-28

399

在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为"不可用"状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。两个属性不同点列举: 1.readonly属性只对表单元素的文本框、密码框和多行文本框有效，而disabled属性对所有的表单元素都会有效。 2.设置两个属性的外观不一样

input属性disabled和readonly的区别

热门推荐

symgdwyh的专栏

03-03

6万+

两种属性的写法如下： 1、2、这两种写法都会使显示出来的文本框不能输入文字，但disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框中的内容（如果有的话），而readonly只是使文本框不能输入，外观没有变化，而且通过request.getParameter("name")可以得到内容。

表单中Readonly和Disabled的区别

zzz19的博客

09-17

651

Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / pass...

表单元素中readonly和disabled区别

龟的小号的博客

09-23

773

1.作用元素： readonly只对input(type=“text”、password、number）和textarea元素有效； disabled对所有表单元素有效； 2. 表单提交：表单会提交readonly元素，不会提交disabled元素 3. 实际使用情况：表单中预填了某个值，不允许用户改动，但提交表单时需要传该值，此时使用readonly。用户点了提交按钮后，需要用js把提交...

Readonly和Disabled的区别

09-28

Readonly和Disabled是HTML表单中的两个重要的属性，它们都可以限制用户对表单元素的交互操作。尽管它们有共同的功能，即防止表单数据被修改，但它们之间存在着本质的区别。首先，Readonly属性主要应用于input元素...

表单元素属性readonly和disabled使用对比

12-14

1）适应范围： readonly：input[type="text"],input[type="password"],input[type="teaxtarea"] ... disabled：表单元素的值不会提交到服务器，即就是服务器获取不到此表单元素中的值常见应用： a>在某个表单中为用户

readonly和disabled的区别

09-06

在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。首先，`...

readonly与disable的区别

Logica的专栏

09-15

1616

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

rhino grasshoper 框内物体排列（附视频）.gh

最新发布

10-18

【闭合线内物体按方向移动/排列】https://www.bilibili.com/video/BV1z1WfeSEWu?vd_source=b420114c993138474d2e93d83ead77a5

kwant-1.4.3-cp38-cp38-win_amd64.whl

10-18

kwant-1.4.3-cp38-cp38-win_amd64.whl

rhino grasshoper 景观椅（附视频）.gh

10-18

【rhino@grasshoper 曲线金属座椅景观案例（文件获取/见简介）】https://www.bilibili.com/video/BV1Dx4y147Lr?vd_source=b420114c993138474d2e93d83ead77a5

PCIe通义万问系列文档的第一部已整理完毕，含999个PCIe相关问答

10-18

《PCIe通义万问》系列文档旨在记录PCIe相关行业工程师们在PCIe协议学习、IP设计验证、产品测试及使用过程中遇到的问题、迸发的思考、进行的探讨及可能的解决方案，以期给遇到相同相似问题的同行们些许启发。文档涉及的技术方向主要为PCIe，也包含PCIe相关的CXL、UCIe及计算机体系结构相关内容。本文档是《PCIe通义万问》系列文档之（一），含999个问题。问题内容有以下三个来源：MangoPapa（下称博主）的“PCIe每日一问一答”系列专栏；博主的博文留言及私信讨论；博主作为群主的“PCIe技术交流群”群聊内容。MangoPapa小助理、折叠、先杰、CR小队长、kangling共同完成了问答内容提取与归纳整理，噫嘘唏及慕荷负责文辞优化及编辑排版，上述人员及MangoPapa、JasonW、皮塞阿姨、席可儿参与了文档内容的审校。感谢以上人员的无私奉献。本文档仅对讨论内容进行总结记录，不保证问题答案的正确性，部分问题只提供解决思路或讨论过程。术业有专攻，文内定有偏颇。如您发现谬误，一敬希原宥，二望乞点拨；如您持异见，欢迎来信讨论。如有需要，欢迎联系MangoPapa加入相关

毕业设计论文SpringBoot招投标管理系统.docx

10-18

毕业设计论文

直观的大型模型应用软件-有机体-eva.zip

10-18

直观的大型模型应用软件-有机体-eva

jquery设置表单元素只读_JQuery控制input的readonly和disabled属性

05-26

可以使用 jQuery 的 `prop()` 方法来设置表单元素的 `readonly` 和 `disabled` 属性。例如，要将一个输入框设置为只读，可以使用以下代码： ```javascript $("#input-id").prop("readonly", true); ``` 同样地，...