页面上的disabled与readonly

最新推荐文章于 2023-07-24 18:00:00 发布
最新推荐文章于 2023-07-24 18:00:00 发布
阅读量741 收藏
点赞数
文章标签： 服务器 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/WDFrog/article/details/6176786
版权

 

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

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

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

 

  参考:

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

WDFrog
关注
前端页面涉及disabled被写死数据的传输问题
weixin_42292939的博客
11-15 1586
背景 常常我们因为各种情况，需要将页面某一模块内容设为不可编辑状态，也就是“写死”,然后被“写死”的模块的值，又是需要随着网页的表单提交到服务器处理，此时便会遇到被“写死”模块的值无法传送。 在此之前，博主在网上搜索查阅了很多帖子，尚未有人提到解决办法。可能因为这种小问题，大佬们都心知肚明，也觉得没总结的必要，但是对刚入行不久的小白来说，很多细枝末节方面的问题，往往比主要功能的编码更令人头疼。 故...
页面disabled 不能提交
yangpingzhun的博客
01-18 110
在页面上有一个标签是disabled=true的，提交的Action中就是null，说明这个标签没能提交上去，从网上查了一些资料，说disabled=true的标签是不能提交的，要改成readonly=true，这样就可以提交了， 但是用readonly的话，就看不出来时可以编辑还是不可以编辑了，个人感觉这样不好，所以我还是再加了一个hidden标签用来提交。...
disable与readonly
麦兜的专栏
11-07 799
今天改bug遇见一个折磨人的问题。由于直接进的是修改页面、会根据标示去判断是否允许修改字段、找半天没发现有什么问题但是、每次从新保存后此时标示会改为不可修改、当再次点击保存、部分数据会丢失、后台数据排查发现此时页面部分数据为空、。然后找页面问题、看半天发现未保存上的数据用了disable,其他用readonly的不存在数据丢失问题、才想起来可能问题出现在这个disable上、随百度查之、 Rea
网页限制F12，接触教程
cyz141001的博客
02-16 1862
/ 开启右键菜单// 开启文字选择// 开启复制// 开启剪切// 开启粘贴// 开启F12键。
浅谈disabled与readonly的使用区别
weixin_46300114的博客
07-24 730
是用来限制用户与表单元素进行交互的两个属性。属性则只是限制用户对其进行修改。选择使用哪一个属性取决于我们想要实现的交互限制的具体需求。可以发现这里使用readonly达到了我们本次需求的目的。将disabled修改为readonly。属性会完全禁用一个表单元素，而。
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` 是两个非常常见的属性，它们都用于限制用户对输入字段的编辑，但它们之间存在着显著的区别。理解这些差异对于创建功能完整且用户体验良好的表单至关重要。 首先，`...
在jsp页面，disabled和readonly的区别
YZBDaiTu的博客
09-14 2064
关于disabled和readonly的区别 在写前端页面的时候，写编辑功能时候，有些字段需要展示给客户，但是又不想让客户修改。我们自然而然的想到了disabled和readonly，在使用过程中，因为感觉readonly比较万能，所以都选择使用了readonly。但实际上，遇见下拉选择框，它就会失效。我又尝试disabled，这个确实可以不展示给客户，但是在更新数据库时出现了为空的问题。因此在此总结了一点关于disabled和readonly的知识。 区别一 disabled表示“使无效”，即这一区
攻防世界WEB练习区（backup、cookie、disabled_button）
不知名白帽的博客
07-23 2958
攻防世界WEB练习区（backup、cookie、disabled_button）
破解网页不可点击的按钮方法
ouyida3的专栏
03-14 1万+
一个button在网页里，实现不可点击比较传统的方法是disabled=true，假设这个网页的按钮有id，那最简单的方法就是直接重置它的disabled属性。 使用ie8拿百度的首页来做例子
html语言disabled,htmldisabled属性
weixin_28684497的博客
05-31 2357
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 2956
一、禁用disabled来源 众所周知，在element ui的button可以添加disabled参数来让按钮不能点击且鼠标会有一个禁用标符。 disabled表示禁用input元素，不可编辑，不可复制，不可选择，不能接收焦点,，后台不能接收到传值. <input type="button" disabled="disabled" /> 二、只读readonly readonly表示此域的值不可修改，仅可与 type=“text” 配合使用，可复制，可选择,可以接收焦点，后台能接
项目中遇到的问题：前台 disabled 与 后台disabled
weixin_30662109的博客
11-03 147
TPRI项目流程，点【保存】，“人员”服务器端控件，如果在前台disabled设置，则值会丢失；在后台设置disabled就可以。 转载于:https://www.cnblogs.com/lishidefengchen/p/4933366.html...
HTML disabled属性的启用和禁止
热门推荐
John的专栏
01-18 2万+
HTML中的input元素、button元素、option元素等都具有一个disabled属性。  当赋予该属性时该元素将变得不可交互，如下代码所示：  Html代码   input type="button" disabled="disabled" value="测试按钮">   其中属性值“disabled”可以替换成任何的其它单词甚至是“enabled”（
html disabled属性的启用和禁止,超链接的禁用属性Disabled使用示例
weixin_29176179的博客
06-04 2236
可以设置超链接的Disabled属性的true 和 false来确定超链接是不是能点击例如：bai du上面的意思是不想让bai du的超链生效，但在click不做任何约束和判断的话，但点击bai du的时候自然就会跳转到百度页面，这就是html中超链接禁用属性的bug可以添加下面js约束来判断超链接是否可以使用function click(obj){if(obj.disabled){return...
页面元素中没有disabled，只有readonly什么的实现了只读，selenium输入一个字段值，进行提交时这个值怎么被携带
最新发布
09-10
在HTML中，有些控件虽然设置了`readonly`属性，但是仍然可以接收输入，并会在用户提交表单时将这些值作为表单的一部分传递给服务器。Selenium在处理这种只读但可填写的字段时，会模拟用户的交互行为： 1. **找到元素**: 使用Selenium的API（如`find_element_by_name`, `find_element_by_id`, 或者CSS选择器）定位到这样的元素。 2. **获取焦点**: 可能需要使用`element.send_keys()`方法先聚焦到该元素上，以便后续输入。 3. **输入值**: 尽管`readonly`，但你仍可以调用`send_keys()`函数向元素内输入指定的值。 4. **提交表单**: 一旦输入完成，可以模拟点击按钮或者使用`submit()`方法来触发表单的提交动作。 ```python # 示例代码（Python/Selenium） from selenium import webdriver driver = webdriver.Firefox() # or any other browser driver elem = driver.find_element_by_id("your_readonly_field") # 根据实际ID查找元素 elem.clear() # 清除原有内容 (如果有的话) elem.send_keys("你想输入的值") # 输入新值 form_button = driver.find_element_by_id("submit_button") form_button.click() # 提交表单 driver.quit() ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值