input不可编辑(input输入框不可编辑)
input元素经常在我们的网页中使用，常见的属性有type、name、id、value等。但是，有两种属性却经常被混淆或者不了解其功能，那就是readonly和disabled。
1、readonly属性
input元素的readonly属性表示元素只读，即用户不能编辑该输入框中的内容。readonly属性可以直接在html中设置，也可以通过JavaScript动态设置。
readonly属性一般用于一些数据展示页面，比如用户的个人信息展示页面，用户只能看信息，不能修改信息。readonly属性的输入框可以被选中，也可以被copy，但是不能被修改、删除、剪切。
2、disabled属性
input元素的disabled属性表示元素禁用，即用户无法编辑且无法参与表单提交。disabled属性也可以直接在html中设置，也可以通过JavaScript动态设置。
disabled属性一般用于一些表单中用户不需要或不能填写的部分。例如，一个下拉选择框，如果用户一开始没有选择，就让其处于禁用状态，等待用户选择后才解禁。
3、readonly与disabled的区别
在实现效果上，readonly和disabled的差别在于：readonly属性下的input输入框可以被选中，也可以被复制到剪切板中，但用户不能编辑，只能读取其中内容；而在disabled属性下，输入框无法被选中、复制、编辑和提交表单。
在实际使用中，我们需要根据具体的需求和使用场景来选择使用readonly还是disabled。
4、readonly与disabled的JS动态设置
使用JavaScript动态设置readonly和disabled属性，只需选择元素并使用setAttribute()方法进行设置即可。例如：
document.getElementById("myInput").setAttribute("readonly","readonly");
使用JavaScript动态设置readonly属性时，需要注意的是，readonly属性的值为”readonly”，与html中的”readonly”属性值相同，而不是Boolean型的true或false。
5、readonly与disabled的兼容性问题
readonly和disabled属性在主流浏览器中都得到了很好的支持。但是，在IE9以下的版本中，readonly属性需要配合一个JavaScript脚本才能实现效果。具体来说，需要在readonly的input元素上增加一段javascript代码：
onfocus="this.blur()"
这样，在IE9以下的版本中，readonly属性的输入框才会达到和其他浏览器一样的效果。
而disabled属性在IE7以下的版本中并不支持。如果需要在早期版本的IE中实现类似disabled的效果，需要使用JavaScript进行替换。
总的来说，readonly和disabled属性的兼容性不是大问题，但是在IE7及以下版本的浏览器中需要特殊处理。
总结：
readonly和disabled属性都是用于限制input输入框使用的。readonly表示可以选中、复制，但不可编辑；disabled表示不可选中、不可复制、不可编辑、不可提交表单。在实际应用中，可以根据具体需求进行选择。JavaScript设置时，readonly属性的值为”readonly”，disabled属性为true或false。在IE9以下的版本中，readonly属性需要增加一段JavaScript代码，disabled属性在IE7以下的版本中不支持。
本文链接：http://www.quarkradio.com/n/1159492.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件举报，一经查实，本站将立刻删除。
相关推荐
-
2012河北中考数学(2012河北中考数学试卷及答案)
2012年河北省中考的数学科目，难度适中，试卷涉及主要的数学知识点，同时也注重对于实用问题的考察。总的来说，试卷出题较为考量学生的数学思维、综合素质和创新能力。 3、注重对思维、综合素质和创新能力的考察 试卷中还涉及到了一些适当的思维性题目，如逆向思维、实践证明等，这些题目要求考生不仅要熟练掌握知识，还要具备分析问题、解决问题的能力。同时，试卷的一些综合性题…
-
黑洞延时短片公布(黑洞延时短片公布99刘9帮天下我)
日前，国际天文学家发布了一段极具价值的“黑洞延时短片”，这是科学史上首次记录下黑洞的光晕演变过程，披露了黑洞间的相互作用和瞬息万变的景象，也为科学家们研究黑洞的本质提供了珍贵的数据。 1、探秘黑洞 黑洞是一种神秘的天体，因它的巨大质量、极强的引力和空间扭曲能力而被科学家们所关注。如何探寻黑洞的本质，是人类探险宇宙的重要阶段之一。 2、首次记录黑洞演变过程 通…
-
渣打银行信用卡申请(渣打银行信用卡申请官网)
随着互联网的发展，越来越多人开始使用信用卡，因为它方便、快捷、安全。而渣打银行作为一家知名的银行，在信用卡领域也是非常有名的。那么，如何才能成功申请渣打银行信用卡呢？下面就让我们来详细探究。 1、了解渣打银行的信用卡种类 在申请渣打银行信用卡之前，首先要了解它的种类，选择最适合自己的信用卡。渣打银行信用卡分为主卡和附属卡两种，主要包括飞行里程卡、现金回馈卡、…
-
医疗器械产品注册代理(医疗器械产品注册代理费用)
本文主要介绍医疗器械产品注册代理，包括注册代理的定义、作用、申请流程、注意事项以及优秀代理机构推荐。 1、什么是医疗器械产品注册代理？ 医疗器械产品注册代理是指由代理机构或个人为医疗器械企业向药监部门提交注册申请并代表企业完成全部注册相关事宜的一种服务形式。 2、医疗器械产品注册代理的作用 医疗器械产品注册代理的作用主要是缩短注册周期、降低注册成本、提高注册…
-
土星木星 星星相吸(土星木星相会)
在宇宙中，有一种天体，它们互相环绕着，从地球上看起来就像是彼此靠近的星星。这种天体被称为双星，而我们最熟悉的双星便是土星和木星。土星和木星是太阳系内两颗最大的行星，它们围绕太阳运行一周需要大约3362年，而土星和木星的轨道距离很近，它们之间的平均距离只有1760万千米。如果不是因为地球、月球等其他星球的引力吸引，或许我们就不会在地球上看到如此壮观的天体景象。…
-
扣扣分组2013超拽(2019扣扣分组大全)
扣扣分组2013，一款流行的社交软件，曾经在年轻人中引起了热烈的讨论和使用，其群组玩法更是受到了广大用户的追捧。本文将从历史背景、功能特点、玩法等方面对扣扣分组2013进行全方位地介绍和分析。 1、历史背景 2005年，腾讯公司推出了扣扣分组2013这款社交软件，进一步满足了年轻人互相沟通的需求。随着手机普及、移动互联网加速发展，扣扣分组2013在国内市场逐…
-
处女座男人想复合吗的表现是什么(处女座男人想复合吗的表现是)
处女座男人想复合的表现在很多方面,下面我们就一起来看一下处女男的潜在性格。处女男主动分手的表现在处女座男人毫不犹豫地提出分手之后,仍然是比较有可能的,并且没有任何挽回的余地。 1、处女座男人想复合吗的表现有哪些 处女座男人想复合的表现在恋爱中主动处女座男人想复合的表现在表达方式上也比较含蓄,对于处女座男人来说,如果想要复合变化,有先观察观察,看看是不是适合自…
-
器械健身完全指南(器械健身完全指南pdf)
本文旨在为初学者提供全面的器械健身指南，从基础知识、器械种类、训练技巧、注意事项等方面入手，全面系统地介绍器械健身的科学方法和注意事项，帮助读者快速进阶，达到理想的健身效果。 1、了解基础知识 在进行器械训练前，需要掌握基础知识，如身体基础构造、肌肉分布、肌肉作用原理等，以便做到正确的姿势和动作。此外，还需要了解基本的训练原则和基础器械训练计划。 2、选择合…
-
考研数学国家线(考研数学国家线数二)
考研数学国家线一直备受关注，成为很多考研学子的热门话题。本文将全面解析考研数学国家线，包括过去几年的趋势和各省市的具体情况，帮助大家更好地制定备考计划和提高复习效率。 1、考研数学国家线的定义 考研数学国家线指的是全国硕士研究生招生考试数学科目的最低录取分数线。它是考生报考研究生时必须关注的最重要指标之一，也是各高校招生部门录取学生的重要标准之一。 2、考研…
-
上海浦发银行网点(上海浦发银行网点查询)
上海浦发银行是中国银行业中的一员，该银行成立于1992年，总部设在上海市浦东新区，为国有控股商业银行。本文将重点探讨上海浦发银行在上海市的网点覆盖情况，包括网点数量、分布情况、服务质量等方面。 1、上海浦发银行网点总体情况 截至2021年9月，上海浦发银行在上海市共设有132家支行，其中121家为零售业务支行、11家为公司业务支行。同时在全国范围内，上海浦发…