页面上的disabled与readonly

最新推荐文章于 2024-04-24 12:00:00 发布

原创最新推荐文章于 2024-04-24 12:00:00 发布 · 785 阅读

0 ·

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 的分析

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

WDFrog

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

前端页面涉及disabled被写死数据的传输问题

weixin_42292939的博客

11-15

1655

背景常常我们因为各种情况，需要将页面某一模块内容设为不可编辑状态，也就是“写死”,然后被“写死”的模块的值，又是需要随着网页的表单提交到服务器处理，此时便会遇到被“写死”模块的值无法传送。在此之前，博主在网上搜索查阅了很多帖子，尚未有人提到解决办法。可能因为这种小问题，大佬们都心知肚明，也觉得没总结的必要，但是对刚入行不久的小白来说，很多细枝末节方面的问题，往往比主要功能的编码更令人头疼。故...

页面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

2044

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

前端表单中的readOnly 和 disabled有什么区别？

最新发布

qq_44327851的博客

04-24

881

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后，当我们将表...

readonly与disabled属性在css中区别

Brave的博客

01-17

1584

论readonly与disabled在css中区别之前在项目中遇到的一个问题，现在想把它记录下来。当项目需求上需要在文本框中禁用输入某个值的时候，我第一个反应是用了disabled，因为之前一直接触的都是disabled。但当我需要提交FROM表单的时候，发现文本框的值根本不能提交过去，这个时候我就觉得很奇怪了，为什么使用disabled这个属性的值不会提交呢？后来经过询问与了解，便知道，还有...

html input readonly 和 disable的区别

weixin_33853827的博客

03-30

562

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

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

3181

一、禁用disabled来源众所周知，在element ui的button可以添加disabled参数来让按钮不能点击且鼠标会有一个禁用标符。 disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,，后台不能接收到传值. <input type="button" disabled="disabled" /> 二、只读readonly readonly表示此域的值不可修改，仅可与 type=“text” 配合使用，可复制，可选择,可以接收焦点，后台能接

disable到底是指什么

weixin_49393290的博客

10-08

1759

您看这个@click新增的方法，注意看新增没有传参，但是查看和修改穿了 <el-button v-if="isAuth('pesticide:crop:save')" type="primary" @click="addOrUpdateHandle()" >新增</el-button> <template slot-scope="scope">

掌握文本框ViewState与Readonly属性的使用技巧

设置为readonly的TextBox控件会在页面上显示为不可编辑的文本框，而且它的值在表单提交时也会被包含在提交数据中，允许应用程序读取该值。设置Readonly属性通常是为了防止用户在不需要的情况下修改数据，但同时需要...