用css来设置readyOnly

最新推荐文章于 2024-12-14 08:09:09 发布

lc19915263lcsos

最新推荐文章于 2024-12-14 08:09:09 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/lzclyz/article/details/9716303

本文介绍了一种实现跨浏览器禁用输入框编辑的方法，包括IE浏览器中使用expression属性及火狐浏览器中的-moz-user-input样式。由于这些方法存在局限性，建议采用JavaScript进行控制。

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

1、用expression,但是这个只支持ie，比如

<style>
   input{
     readonly:expression(this.readOnly=true);(只支持ie)
   }
</style>

2、火狐，

-moz-user-input:disabled;

不过由于ready是属性，不是style，所以最好是用js控制

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lc19915263lcsos

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

如何使用CSS实现输入框只读模式

YOLO_CODE的博客

10-02

460

在编程中，有时我们需要将输入框设置为只读模式，以防止用户对其进行编辑。通过设置背景颜色和鼠标指针样式，我们可以明确地向用户表明输入框是只读的，从而防止其进行编辑。在上面的示例中，我们创建了一个带有id属性为"myInput"的输入框元素。在上面的示例中，我们选择了id为"myInput"的输入框元素，并为其设置了两个CSS属性。现在，当你在浏览器中打开该HTML文件时，你会看到输入框已经被设置为只读模式，并且无法编辑。：这一行代码将鼠标指针的样式设置为禁止符号，以指示输入框是只读的。希望本文对你有所帮助！

【CSS3】:read-only选择器

O(∩_∩)O

02-23

1582

“:read-only”伪类选择器用来指定处于只读状态元素的样式。简单点理解就是，元素中设置了“readonly=’readonly’” 示例演示通过“:read-only”选择器来设置地址文本框的样式。 HTML代码：姓名: 地址: readonly="readonly" /> CSS代码： f

参与评论您还未登录，请先登录后发表或查看评论

Css Style 里ReadOnly的设置

天下无双

11-20

8784

Css Style 里ReadOnly的设置 Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/-->readonly:expression(this.readOnly=true);

请说说css中的:read-only选择器的作用是什么？

最新发布

王铁柱666的博客

12-14

255

例如，你可能有一个包含用户个人信息的表单，其中某些字段（如用户名或电子邮件地址）可能是只读的，以防止用户不小心或恶意地更改它们。是一个伪类选择器，它用于选择那些被设置为只读（read-only）的输入元素。选择器来为这些只读字段应用特殊的样式，以视觉上区分它们与其他可编辑的字段。在这个例子中，只读输入字段的背景色被设置为浅灰色，以区别于可编辑的输入字段。属性被设置，那么用户就不能修改这个元素的值。元素，尤其是当你想让用户查看但不允许修改某些数据时。下面是一个简单的例子，展示了如何使用。

CSS的:read-write和:read-only伪类：增强表单元素的样式与用户体验

liuxin33445566的博客

08-17

730

伪类在CSS中用于选择不在文档树中的元素，或者根据元素的特定状态来选择元素。和:read-only伪类就是根据输入字段是否可编辑来选择元素。

HTML5期末大作业：汽车主题网页设计——21 汽车租赁(47页) HTML+CSS+JavaScript web前端期末大作业 html+css+javascript网页设计实例企业网站制作

qq___365392777的博客

10-20

2102

HTML5期末大作业：汽车主题网页设计——21 汽车租赁(47页) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品大学生毕设网页设计源码HTML 常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他

web前端期末大作业：基于HTML+CSS+JavaScript汽车租赁网站(47页)

qq_38515370的博客

03-20

162

🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获优快云年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🚗汽车网站、🚘汽车介绍、🚍汽车官网、汽车租赁、企业网页、等网站的设计与制作。🏷️ 此作品为学生汽车网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常

web前端期末大作业：简单的学生网页作业源码基于html css javascript汽车租赁网站(47页)

HTML网页设计专注大学生网页设计

07-04

512

🚗汽车网站、🚘汽车介绍、🚍汽车官网、汽车租赁、企业网页、等网站的设计与制作。🏷️ 此作品为学生汽车网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。 🎁更多干货 1.如果我的博客对你有帮助、如果你喜欢我的博客内容，一键三连哦！2.带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板、大学生毕业HTML模板、期末大作业模板、等! 「在这里有好多前

HTML+CSS+JS大作业——汽车租赁(47页) 加特效 web期末作业设计网页_汽车大学生网页设计作业成品

12-04

1273

HTML+CSS+JS大作业——汽车租赁(47页) 加特效 web期末作业设计网页_汽车大学生网页设计作业成品常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 获取更多源码 PC

最全面、最详细web前端面试题及答案总结

热门推荐

HanXiaoXi_yeal的博客

02-01

3万+

2021最全面、最详细web前端面试题及答案总结总结不易，希望可以帮助到即将面试或还在学习中的web前端小伙伴，祝面试顺利，拿高薪！本章是HTML考点的⾮重难点，因此我们采⽤简略回答的⽅式进⾏撰写，所以不会有太多详细的解释。我们约定，每个问题后我们标记『✨ 』的为⾼频⾯试题 doctype的作⽤是什么？✨ DOCTYPE是html5标准⽹⻚声明，且必须声明在HTML⽂档的第⼀⾏。来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于 CSS 代码甚⾄ JavaScript

css readonly和disabled的区别

qq_47776536的博客

12-23

8475

一、两者的联系 1、两个属性都可以作用于input等表单元素上，都使得元素成为“不可用”的状态； 2、两者的字面意义：（1）readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎没有啥区别；（2）disabled表示“使残废，使无效”，都残废了，不管是什么内容，都是无效的。二、两者的区别： 1、readonly和disabled作用元素的范围不同：由上图可见，readonly并没有对input[type=“button”]产生作用，按钮效果

css样式设置文本框为只读,css怎么将文本框设置为只读

weixin_42255060的博客

08-04

2653

css将文本框设置为只读的方法是，在input文本框中添加readonly属性即可。readonly属性是一个布尔属性，该属性用来规定输入字段是只读的。本文操作环境：windows10系统、css 3、thinkpad t480电脑。readonly属性是HTML中的一个布尔属性，该属性用来规定输入字段是只读的。我们知道只读字段是不能修改的，但是用户仍然可以使用 tab 键切换到该字段，还可以选中...

CSS3属性笔记(三）

路在脚下，幸福在手中，莫贪！！！！！

05-13

478

CSS3属性笔记选择器（下） 1 :enabled选择器在Web的表单中，有些表单元素有可用（“:enabled”）和不可用（“:disabled”）状态，比如输入框，密码框，复选框等。在默认情况之下，这些表单元素都处在可用状态。那么我们可以通过伪选择器“:enabled”对这些表单元素设置样式。示例演示通过“:enabled”选择器，修改文本输入框的边框为2像素的红色边框，并设置它

简述 readyonly 与 disabled 的区别

domestic_nimal的博客

12-09

833

ReadOnly 和 Disabled 的作用是使用户不能够更改表单域中的内容. 但是二者还是有着一些区别的： 1、Readonly 只针对 input(text/password)和 textarea 有效，而 disabled 对于所有的表单元素有效，包括 select,radio,checkbox,button 等。 2、在表单元素使用了 disabled 后，我们将表单以 POST 或者...

171212之HTML中readyonly和disable的区别

a3060858469的博客

12-12

784

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

input readyonly disabled区别

Evan_sa的专栏

07-21

1861

怎样使input中的内容为只读，也就是说不让用户更改里面的内容。 "text" name="input1" value="中国" /> "text" name="input1" value="中国" readonly /> "text" name="input1" value="中国" disabled /> 最好不要用disabled,不然就无法取出里面的值了.

那些年踩过的坑——input输入框 ios端 readyonly 点击出现光标

weixin_33729196的博客

01-15

475

input输入框加了readonly属性就可以达到只读的效果，但是在ios端，点击该输入框还是会出现光标解决办法，给输入框加上 unselectable="on" onfocus="this.blur()" <input type="text" value="(1-5000元)" readonly unselectable="on...