input的两个readonly和disabled区别

最新推荐文章于 2021-03-02 18:16:31 发布
原创 最新推荐文章于 2021-03-02 18:16:31 发布 · 667 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细解释了HTML中readonly与disabled属性的区别，包括它们对输入字段的不同影响及应用场景。指出readonly适用于限制编辑但仍允许提交的情况，而disabled则完全阻止用户交互。

readonly:不允许编辑，但是可以在获得焦点并能在form中被提交

disabled:不允许编辑，不能获得焦点并且不能在form中被提交

readonly：只针对input(text/password) textarea有效

disabled:针对所有的表单元素有效


注意：回车是默认的submit触发按键
为防止用户重复编辑提交应该使用disabled属性，将form表单以及submit都disabled掉
jimolangge123
关注
javascript中input中readonly和disabled区别介绍
11-30
在JavaScript中，`readonly`和`disabled`是两个用于HTML表单中控制用户交互的属性。它们虽然都能防止用户修改表单元素的内容，但具体的行为和影响却有所不同。 `readonly`属性主要应用于`<input>`（如`type="text"`...
readonly和disabled的区别
09-06
在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
input中readonly和disable的区别
恋&空的专栏
10-09 1702
1. disable——完全不可编辑，并且不能复制。 2.readonly——不可b
input属性disabled和readonly的区别（超详细的~~~~）
白小纯的博客
10-16 2万+
1.两种情况的写法，没什么太大的区别，两个属性而已 disabled写法：&lt;input type="text" name="aaa" value="xxx" disabled="true"/&gt; readonly写法：  &lt;input type="text" name="bbb" value="xxx" readonly=&
input中disable与readonly的区别及其相关属性
Janus
01-06 5687
====== input中disable与readonly的区别 ======放在form表单中提交后得不到该值。将disabled="disabled" 改为 readonly = "readonly" 即可设置为disabled的input将会有下面的限制：不能接收焦点使用tab键时将被跳过可能不是successful的被限制的对象值将不会被传递到后台程序。设置为readonly的input将
disabled 与 readonly的区别
MingleHDU的博客
07-11 440
disabled指当 input 元素加载时禁用此元素。input内容不会随着表单提交； readonly 属性规定输入字段为只读。 readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。 input内容会随着表单提交。 ## 无论设置readonly还是disab
input只读
我是传奇
07-16 3417
有两种方式可以实现input的只读效果：disabled 和 readonly。自然两种出来的效果都是只能读取不能编辑，可是两者有很大不同。Disabled说明该input无效，及其value不会传递给任何程序，比如asp、php等。Readonly仅仅是无法编辑，不影响其值的传递。Disabled使用：Readonly使用：
Readonly和Disabled的区别
09-28
Readonly和Disabled是HTML表单中的两个重要的属性，它们都可以限制用户对表单元素的交互操作。尽管它们有共同的功能，即防止表单数据被修改，但它们之间存在着本质的区别。 首先，Readonly属性主要应用于input元素...
表单中Readonly和Disabled的区别详解
10-24
在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先，`readonly` 属性主要用于`...
input属性disabled和readonly的区别
热门推荐
symgdwyh的专栏
03-03 6万+
两种属性的写法如下： 1、2、 这两种写法都会使显示出来的文本框不能输入文字， 但disabled会使文本框变灰，而且通过request.getParameter("name")得不到文本框中的内容（如果有的话）， 而readonly只是使文本框不能输入，外观没有变化，而且通过request.getParameter("name")可以得到内容。
form表单中input readonly 和 disable的区别
wuliEcho的博客
11-26 2161
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：      Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl
html input readonly 和 disable的区别
u010090557的博客
07-08 669
  html input readonly 和 disable的区别      Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：      Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后...
关于disabled的一些知识总结
love_mingcheng的博客
01-17 2115
一开始以为设置disabled="true"是为启用，设置为“false”时为禁用，然而这是错的。只要设置了disabled=“xxx”不管里面是什么，效果都是禁用。只允许显示，不允许传参。所以原生设置： 启用--dom.setAttribute("disabled","disabled") 禁用--dom.removeAttribute(“disabled”)jquery设置： $("#id
readonly和disabled区别
weixin_30484247的博客
11-29 103
1.readonly属性只对表单元素的文本框、密码框和 textarea 有效，而disabled属性对所有的表单元素都会有效。 2.设置两个属性的外观不一样，这个自己可以观察一下。 3.设置readonly的表单元素value值依然会被提交，而设置disabled的表单元素值不会被提交。 转载于:https://www.cnblogs.com/mengff/p/7919591.h...
input标签disabled属性
weixin_42594143的博客
03-02 1524
disabled 属性规定禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击
基于GEC6818平台的五子棋人机对战系统设计与实现
11-25
五子棋作为一种广为人知的策略性棋盘游戏，其基本规则易于掌握。在选定人机对战模式后，由程序执黑先行，用户执白应对。双方依次在棋盘上落子，任何一方在横向、纵向或斜向形成连续五个或更多同色棋子即获胜。 项目资源涵盖多个技术领域的程序代码，涉及前后端开发、移动终端应用、操作系统、智能系统、物联网技术、信息管理系统、数据存储方案、硬件设计、大数据处理、教学资料、多媒体处理及网站构建等多个方向。具体技术实例包括嵌入式平台如STM32与ESP8266，编程语言如PHP、QT、C++、Java、Python、C#，系统开发如Linux与iOS，以及电子设计自动化工具和实时操作系统等。 主要技术栈包含服务端开发语言Java、Python及Node.js，后端框架Spring Boot与Django，前端技术React、Angular与Vue，界面设计框架Bootstrap与Material-UI，数据库系统MySQL、PostgreSQL和MongoDB，缓存工具Redis，以及容器化部署方案Docker与Kubernetes。 资源来源于网络分享，仅用于学习交流使用，请勿用于商业，如有侵权请联系我删除！
lv_0_20251125195629.mp4
11-25
lv_0_20251125195629.mp4
numpy、pandas、sklearn、pytorch等数据分析工具的一些使用技巧
11-25
NumPy数组操作实战技巧 numpy、pandas、sklearn、pytorch等数据分析工具的一些使用技巧
中国Cassandra数据库用户组开源社区项目-专注于Apache-Cassandra分布式NoSQL数据库技术研究与实践-提供技术文档下载与源码解析-集成Titan图数据库与Lu.zip
最新发布
11-25
Buffer内存管理实战技巧中国Cassandra数据库用户组开源社区项目_专注于Apache_Cassandra分布式NoSQL数据库技术研究与实践_提供技术文档下载与源码解析_集成Titan图数据库与Lu.zip中国Cassandra数据库用户组开源社区项目_专注于Apache_Cassandra分布式NoSQL数据库技术研究与实践_提供技术文档下载与源码解析_集成Titan图数据库与Lu.zip
input输入框只读属性readonly与disabled详解
本文围绕“input输入框只读方式”这一主题，深入探讨了两种核心实现方式：`readonly` 和 `disabled` 属性，并结合实际项目源码分析其行为差异、适用场景以及对表单提交的影响。该知识点不仅涉及HTML基础语法，还涵盖...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值