表单不能更改-Readonly和Disabled的区别

最新推荐文章于 2022-09-14 09:30:32 发布
最新推荐文章于 2022-09-14 09:30:32 发布
阅读量149 收藏
点赞数
分类专栏： H5+CSS css 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42221321/article/details/120280737
版权

Readonly和Disabled的作用都是使用户不能更改表单域中的内容
两者的区别
1、对应表单标签不同
Readonly 只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包含select，radio，checkbox,button等，在选择时需要按照标签进行选择；
2、提交是否被传递
在表单元素使用disabled后，表单以Post、Get等方式提交的话，这个被使用了disabled的值不会被传递出去，而readonly会将该值传递出去

卷毛崽
关注
专栏目录
表单中Readonly和Disabled的区别详解
10-24
在HTML表单中，`readonly` 和 `disabled` 是两个重要的属性，它们都可以用来限制用户对表单元素的交互，但它们之间的区别在于作用范围、提交表单时的行为以及用户体验等方面。 首先，`readonly` 属性主要用于`...
html表单属性readonly和disabled的使用方法
09-28
如果你想要让用户看到数据但不能修改，并且希望这些数据在表单提交时被发送，那么`readonly`是合适的。相反，如果你完全想禁止用户与某个字段交互，并且不希望这个字段的值在表单提交时被考虑，那么应该使用`...
表单不可编辑值可传递
hhyixiaolife的博客
11-03 1752
使input文本框不可编辑的3种方法 今天试了一下使input文本框不可编辑的3种方法，现在总结一下： 1.disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。 示例：&lt...
input标签设置文本不可修改的两种状态（disable、readonly）区别
good_good_xiu的博客
04-02 4550
问题场景：一般我们在对数据的增删改查操作中，有一些数据是不允许修改的，比如创建时间等固定信息。 实际开发中，我们会使用disabled属性或者readonly属性将input文本框设置成不可修改。这两者有什么区别呢？ <input type ="text" name = "name" value = "XXX" disabled> disabled属性会使文本框变灰，而且后端通过request.getParameter(“name”)得不到文本框中的内容。原因是，在表单传输数据时，如果inpu
解决form表单内容不能编辑，不能更改问题
m0_65274248的博客
09-14 2689
解决form表单内容不能编辑，不能更改问题
element,编辑表单的状态（可修改表单及不可修改表单）shj
爬楼梯的前端小白的博客
02-17 7188
不点编辑的时候 表单默认设置true 禁用,点了编辑后 表单禁用取消 可以修改账户的密码 再点确定之后 即回复第一张图状态
element ui 之el-cascader 将id读成value
weixin_45966674的博客
05-04 1121
特别是id变value这件事 是大部分后台开发者都完全无法接受的 多开一个字段都不行 再说 这也确实是前端这边的需要问题。这里我们规定 要按value来读id 按label读name 按children读children。el-cascader 是一个很不错的父子级选择工具 但他只读。但很多时候后台会为了命名规范 无法满足你的需求。checkStrictly的话这是开启多选的配置。其实我们可以通过props 去改变他的定义值。children 子集字段。label 显示内容。
Readonly和Disabled的区别
09-28
需要注意的是，尽管用户不能直接修改Readonly属性的元素，但这些元素的值仍然会在表单提交时被发送到服务器。例如，一个带有Readonly属性的文本框或密码输入框中的值会被包含在表单数据中。 与Readonly不同，...
readonly和disabled的区别
09-06
在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
表单元素属性readonly和disabled使用对比
12-14
2）操作： readonly：不允许用户修改操作，不影响其它的任何操作 disabled：阻止用户一切操作，包括用户点击事件，获取焦点事件 3）表单提交： readonly：表单元素的值可以提交到服务器。 disabled：表单元素的值...
input表单内容不可修改
liukai6的博客
02-02 4008
我们如何将input表单的内容不可修改,加入 disabled="true" 就可以了,变为灰色不可更改
实现表单input文本框不可编辑的三种方法
Jason的学习笔记
05-14 2766
感谢原文作者：青灯夜游 原文链接：https://www.php.cn/div-tutorial-413133.html 目录问题实现方式1、οnfοcus=this.blur()2、readonly属性3、disabled 属性注意readonly属性和disabled 属性的区别disabled 属性----禁用属性readonly属性----只读属性 问题 有时，我们需要以不可编辑的模式显示表单域，那么如何实现？我们可以通过为表单字段（input文本框，标签，复选框，文本区域）设置以下方法来实现表.
(转)解决Asp.net中文本框控件(TextBox)readonly或disabled时内容无法POST到服
qinleiji的专栏
07-30 1772
网页中有的时候想让用户无法在文本框控件(TextBox)里输入，常见的方法是把它的ReadOnly属性设为True，或者是将Enabled属性设为False。这两种方法的作用差不多。另外还可以用标签代替或者写脚本处理文本框获得焦点事件。后两者我们暂不讨论。 使用前两种方面会
让form表单的input文本框不可编辑的方法
From zero
09-05 1万+
有两种方法可以达到类似的效果： disabled ：属性规定禁用 input 元素，不可编辑，不可复制，不可选择，不能接收焦点， 后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与&lt;input type="hidden"&gt; 一起使用。 readonly： 属性规定输入字段为只读，不可编辑，可复制，可选择，可接收焦点，还可以用Tab键切换到该字段，而且后...
disabled 和readonly都不能把值传到后台的解决方式
DreamWeaver_Zhou
02-26 1404
<div class="div_c_r"> <input type="text" style="width:calc(100% - 16px);" name="type" id="type" readonly value="Vin"> <span style="float: right;...
表单form中readonly只读和 disabled不可选的异同（超详细 附应用场景）
qq_41968486的博客
08-28 2570
** 表单中readonly只读和 disabled不可选的异同： 好久没有写博客了，最近在学习前端框架 会陆续把一些需要注意的点补上。好了 切入正题。。。 --------------------------------分割线----------------------------------------- 相同点：两者都是用在表单中的两个属性，它们都能够使用户不能更改表单域中的内容。...
HTML中让表单input等文本框为只读不可编辑的方法
babyZeng
02-25 8万+
有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息， 如使input text的内容，中国两个字不可以修改有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息， 如使&lt;input type="text" name="input1" value="中国"&gt; 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。  方法1: onfocus=th...
使input文本框不可编辑的3种方法
热门推荐
u010210251的博客
11-08 16万+
今天试了一下使input文本框不可编辑的3种方法，现在总结一下： disabled 属性规定应该禁用 input 元素，被禁用的 input 元素，不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 一起使用。 示例： readonly 属性规定输入字段为只读可复制，但是，用户可以使用Tab键切
html表格无法修改内容,HTML中让表单input不可编辑的方法
weixin_35214204的博客
06-08 975
HTML中让表单input不可编辑的方法，有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使 的内容，"中国"两个字不可以修改。表单input不可编辑的方法实现的方式归纳一下，有如下几种。input不可编辑，方法1: onfocus=this.blur() 当鼠标放不上就离开焦点input不可编辑，方法2:readonly方法3: disabled完整的例子:disabled=...
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、付费专栏及课程。

余额充值