HTML JS 中关于readOnly,disabled等属性的小bug

最新推荐文章于 2021-06-16 23:54:27 发布
最新推荐文章于 2021-06-16 23:54:27 发布
阅读量177 收藏
点赞数
文章标签： python
原文链接：https://my.oschina.net/softwarechina/blog/156905
版权

2019独角兽企业重金招聘Python工程师标准>>> hot3.png

不知道注意到的人多不多，在JS中我们经常会通过document.getElementById("...").readOnly = "true"; 来设置input为只读，但是当想通过document.getElementById("...").readOnly = "false"; 来设置input可读可写的时候就出问题了，文本框还是保持在只读状态，这个时候我们需要把false外面的引号去掉JS语句就能正常工作了，也就是说"true"是可以的，但是"false"不行，必须去掉引号。disabled属性也一样。为了统一书写格式，最好还是采取都不带引号的写法。

    还有关于style.background的设置，原来以为CSS中背景颜色是background-color ，所以用JS代码时也该用style.background-color，但实际使用后发现是自己想当然了，应该用style.background来设置背景颜色。

    一点小小发现，希望可以帮到同样受到困扰的程序猿们~   HTML JS 中关于readOnly,disabled等属性的小bug - ranma2151920 - ranma2151920的博客

转载于:https://my.oschina.net/softwarechina/blog/156905

weixin_33827731
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html js修改readonly,js控制html元素的readonly属性
weixin_42303107的博客
06-03 3184
html元素假设为只读，那么其readonly="readonly",我们现在想通过js来改变readonly属性为可以输入。初始时，两个输入框都是只读。点击change按钮后，下面的输入框可以输入了。注意：js代码里的readOnly，O必须大写见代码：function change(){document.getElementById("a2").readOnly= false;}JS控制HTM...
html表单属性readonly和disabled的使用方法
09-28
html容易被忽略的一些表单属性，如readonly、disabled，两者在获得value值方面有所不同，感兴趣的朋友可以了解下本
html:text中readonly,HTML Input Text readOnly用法及代码示例
weixin_39881513的博客
06-16 522
HTML DOM中的Input Text readOnly属性用于设置或返回文本字段是否应为只读。这意味着用户无法修改或更改特定元素中已经存在的内容(但是，用户可以对其进行制表，突出显示并从中复制文本)，而JavaScript可用于更改只读值，并使输入字段可编辑。用法:它返回readOnly属性。textObject.readOnly它用于设置readOnly属性。textObject.readO...
html设置文本框只读属性,juqery/js/css设置文本框只读属性的方法
weixin_39833469的博客
06-07 1268
一、设置HTML表单文本框为只读的几种方式有时候，我们希望表单中的文本框是只读的，让用户只能查看信息而不能修改其中的信息，使 input type=”text” name=”input” value=”HTML” 的内容中value得值，就是”HTML”不可以修改。实现的方式有如下几种。方法一：修改 onfocus 参数为 this.blur()方法二：添加 readonly 参数方法三：添加 d...
设置readonly变成了false为什么还是不能编辑呢
肖肖肖丽珠的博客
12-24 3845
<input type="text" :readonly="isreadonly" /> 我是这样写的通过一个变量来确定是是否添加readonly属性。 computed:{ isreadonly(){ return this.$route.query.from=='detail'?'true':'false'; } }, 但是在true的时候的确是变成了不可编辑的，但是false的时候...
html下拉框只读,html中select readonly/disabled问题的解决方案
weixin_39711441的博客
06-04 3161
在html中，对select标签添加readonly属性后，依旧能够下拉选择，证明readonly属性对html中的select标签并不起作用。经查W3C文档，select标签只对disabled属性起作用，但是添加disabled后，form提交的时候，会忽略掉所有带disabled的标签的值，对提交造成麻烦。所以针对上述问题，总结出以下两种解决方案来达到select标签实现readonly属性...
HTML中Select不用Disabled实现ReadOnly的效果
09-06
Disabled ReadOnly之家的联系
浅谈html中input只读属性readonly和disable的区别
09-28
下面小编就为大家带来一篇浅谈html中input只读属性readonly和disable的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
readonly和disabled属性的区别
01-19
在表单元素中，readonly和disable有类似之处，因为它们都可以将一些表单元素设置为”不可用”状态，当然它们之间的区别是巨大的，下面就介绍一下这个两个属性有哪些区别，希望能够给需要的朋友带来一定的帮助。...
HTML中readonly 属性与disabled 属性区别
生活中的思索
09-05 861
readonly 属性定义和用法 readonly 属性规定输入字段为只读。 只读字段是不能修改的。不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。 readonly 属性可以防止用户对值进行修改，直到满足某些条件为止（比如选中了一个复选框）。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。 readonly 属性可与
jQuery和HTML对某个标签设置只读（readonly）或者禁用（disabled）属性
热门推荐
上善若泪
09-06 6万+
目录 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 1.2 jquery 设置disabled属性 1.3 jquery动态添加文本框的readonly只读属性 2 HTML中只读和禁用 1 jQuery中只读和禁用 1.1 jquery 设置readonly属性 $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//
关于html元素的disabled,readonly 的详细分析
weixin_34096182的博客
11-02 413
一，先看看这两个属性在效果和使用上的区别 READONLY and DISABLED both remove the functionality of the input field, but to different degrees. READONLY locks the field: the user cannot change the value. DISABLED does the sa...
html 设置readonly属性,HTML: <input> readonly 属性
weixin_28786857的博客
06-07 1356
在线示例带有只读输input输入框的 HTML 表单：示例html>HTML:readonly属性-基础教程网(nhooo.com)Email:Country:测试看看 ‹/›浏览器兼容性IEFirefoxOperaChromeSafari所有主流浏览器都支持 readonly 属性。定义和用法readonly属性是一个布尔属性。如果存在，则指定输入字段为只读。只读输入字段无法修...
js去除 html 中 input 的readOnly（只读）属性
满天星✨
01-29 2万+
js去除 html 中 input 的readOnly属性： document.getElementById(“input1”).readOnly=true 或者 false
HTML input 标签不可编辑的 readonly 属性
weixin_33939843的博客
12-01 202
1 1 <form action="form_action.asp" method="get"> 2 Name:<input type="text" name="email" /> 3 Country:<input type="text" name="country" value="China" readonly="readonly" /> ...
HTML readOnly disabled
TrustNature
01-27 178
<input type="text" name="name1" disabled /> disabled 属性规定应该禁用 input 元素。 被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，它的值只有一个disabled。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。 所有控件都有disa...
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、付费专栏及课程。

余额充值