页面上的disabled与readonly

最新推荐文章于 2024-04-24 12:00:00 发布
原创 最新推荐文章于 2024-04-24 12:00:00 发布 · 785 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#服务器 #html

本文探讨了HTML中表单元素使用disabled属性与readonly属性的不同之处。disabled会导致修改的数据无法通过POST方式发送到服务器，可能引起数据丢失；而readonly则会提交修改的数据，但不适用于所有类型的表单元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

  将一个表单元素disabled后,将导致修改不能被Post到服务器端,因此可能导致修改丢失(Post上去将是空数据)

  在需要设计用户操作界面(流程)时可以临时将disabled设置成true,在form提交时再设置回false.

  readonly将会提交修改数据,但是下拉框等不支持,因此不怎么通用.

 

  参考:

  关于html元素的disabled,readonly 的分析

WDFrog
关注
前端页面涉及disabled被写死数据的传输问题
weixin_42292939的博客
11-15 1656
背景 常常我们因为各种情况，需要将页面某一模块内容设为不可编辑状态，也就是“写死”,然后被“写死”的模块的值，又是需要随着网页的表单提交到服务器处理，此时便会遇到被“写死”模块的值无法传送。 在此之前，博主在网上搜索查阅了很多帖子，尚未有人提到解决办法。可能因为这种小问题，大佬们都心知肚明，也觉得没总结的必要，但是对刚入行不久的小白来说，很多细枝末节方面的问题，往往比主要功能的编码更令人头疼。 故...
页面disabled 不能提交
yangpingzhun的博客
01-18 200
在页面上有一个标签是disabled=true的，提交的Action中就是null，说明这个标签没能提交上去，从网上查了一些资料，说disabled=true的标签是不能提交的，要改成readonly=true，这样就可以提交了， 但是用readonly的话，就看不出来时可以编辑还是不可以编辑了，个人感觉这样不好，所以我还是再加了一个hidden标签用来提交。...
disable与readonly
麦兜的专栏
11-07 846
今天改bug遇见一个折磨人的问题。由于直接进的是修改页面、会根据标示去判断是否允许修改字段、找半天没发现有什么问题但是、每次从新保存后此时标示会改为不可修改、当再次点击保存、部分数据会丢失、后台数据排查发现此时页面部分数据为空、。然后找页面问题、看半天发现未保存上的数据用了disable,其他用readonly的不存在数据丢失问题、才想起来可能问题出现在这个disable上、随百度查之、 Rea
readonly和disabled的作用？区别？别翻了，这有精细汇总齐的秘籍！
Yummy的博客
04-06 2045
目录 一、介绍及作用 二、用法 三、区别 1、外观变化不同 2、作用范围不同 3、对元素的影响程度不同 4、表达提交情况不同 四、常用情况 1、关于readonly 2、关于disabled 一、介绍及作用 readonly 把输入的字段设为只读，但是没有禁用 readonly=” readonly”，将元素设置为只读，其他操作正常。 disabled 禁用一个input元素。 disabled="disabled"，阻止对元素的一切操作，例如获取焦点，点击事件等。 read...
前端 表单中的readOnly 和 disabled有什么区别？
最新发布
qq_44327851的博客
04-24 882
readOnly和disabled是两种在表单元素中设置的属性，用于控制用户对表单元素的操作权限。
disabled与readonly的作用及区别介绍
09-28
在网页开发中，`disabled` 和 `readonly` 是两个非常重要的属性，它们都用于限制用户对HTML表单元素的交互，但它们之间存在着显著的区别。接下来我们将深入探讨这两个属性的作用和差异。 首先，`readonly` 属性主要...
textarea的disabled与readonly属性具体用法介绍
09-28
理解`disabled`和`readonly`属性的使用可以帮助我们更好地控制用户与网页的交互，提供更友好的用户体验，并确保表单数据的正确性。在设计表单时，根据需求选择合适的属性能帮助你实现预期的功能。
Readonly和Disabled的区别
09-28
与Readonly不同，Disabled属性可以用于所有的表单元素，包括input、textarea、select、radio、checkbox以及按钮等。当元素被设置为Disabled时，它不仅禁止用户输入或选择，而且元素在表单提交过程中不会将其值发送到...
通过disabled和readonly将input设置为只读效果
12-14
在HTML表单设计中，有时候我们需要用户只能查看...与`disabled`不同，`readonly`的input字段在表单提交时，其`value`会正常传递到服务器。这就意味着，即使用户不能更改，服务器依然能接收到这些数据。例如： ```html ...
readonly和disabled的区别
09-06
在网页表单设计中，`readonly` 和 `disabled` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
表单中的readOnly 和disabled
weixin_34278190的博客
10-07 449
adonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们将表...
html input readonly 和 disable的区别
weixin_33853827的博客
03-30 563
Readonly和Disabled它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下：      Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly会...
readonly与disabled属性在css中区别
Brave的博客
01-17 1584
论readonly与disabled在css中区别 之前在项目中遇到的一个问题，现在想把它记录下来。 当项目需求上需要在文本框中禁用输入某个值的时候，我第一个反应是用了disabled，因为之前一直接触的都是disabled。但当我需要提交FROM表单的时候，发现文本框的值根本不能提交过去，这个时候我就觉得很奇怪了，为什么使用disabled这个属性的值不会提交呢？后来经过询问与了解，便知道，还有...
Html readonly与disabled的区别
每天进步一点点 时间会让你成为巨人
08-31 4774
readonly和disabled的作用是使用户不能够更改表单域中的内容,都可以防止用户键入. 1.dsiabled使文本框及字体变灰,readonly则不会. 2.readonly只对input(text/password)和textarea有效,而disabled对于所有的表单元素有效,包括select,radio,checkbox,button等. 3.在表单元素使用了disabled
html语言disabled,htmldisabled属性
weixin_28684497的博客
05-31 2416
html 有disabled 属性的有哪些disabled对于所有的表单元素都有效，包括input,select,radio, checkbox, button等。如何禁用标签的disabled属性a标签的disable＝“true”属性只能使按钮灰掉，但还是可以点击跳转，要想无法点击，可以通过js删除href属性： function delLink(link) { //link.disabled...
禁用的来源disabled以及只读readonly，Vue给icon加禁用
weixin_46037781的博客
08-16 3183
一、禁用disabled来源 众所周知，在element ui的button可以添加disabled参数来让按钮不能点击且鼠标会有一个禁用标符。 disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,，后台不能接收到传值. <input type="button" disabled="disabled" /> 二、只读readonly readonly表示此域的值不可修改，仅可与 type=“text” 配合使用，可复制，可选择,可以接收焦点，后台能接
disable到底是指什么
weixin_49393290的博客
10-08 1760
您看这个@click新增的方法，注意看新增没有传参，但是查看和修改穿了 <el-button v-if="isAuth('pesticide:crop:save')" type="primary" @click="addOrUpdateHandle()" >新增</el-button> <template slot-scope="scope">
掌握文本框ViewState与Readonly属性的使用技巧
设置为readonly的TextBox控件会在页面上显示为不可编辑的文本框，而且它的值在表单提交时也会被包含在提交数据中，允许应用程序读取该值。设置Readonly属性通常是为了防止用户在不需要的情况下修改数据，但同时需要...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值