用css来设置readyOnly

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

原创最新推荐文章于 2024-12-14 08:09:09 发布 · 1.6k 阅读

0 ·

CC 4.0 BY-SA版权

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

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

524

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

css属性readonly与disabled的区别

不忘初心，方得始终

04-09

4223

一. 范围不同readonly 只对 <input> 和 <textarea> 标签有效disabled 对所有表单元素都有效, 包括：<input>, <textarea>, <button>, <label>, <option>, <select>等二. 程度不同readonly 只

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

描述readyonly和disabled的区别

Null_Bugs的博客

04-02

1592

ReadyOnly和disabled的作用都是使用户不能够更改表单域中的内容。但是二者还是有一些区别的。1、readyonly只针对input(text/password)和textarea有效，而disabled对于所有的表单元素有效，包括select,radio,checkox,button等；2、在表单元素使用了disabled后，我们将表单POST或者GET的方式提交的话，这个元素的值是不...

CSS3属性笔记(三）

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

05-13

498

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

Css Style 里ReadOnly的设置

天下无双

11-20

8819

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

【CSS3】:read-only选择器

O(∩_∩)O

02-23

1600

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

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

qq___365392777的博客

10-20

2145

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

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

qq_38515370的博客

03-20

177

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

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

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

07-04

607

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

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

12-04

1371

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

vue2-富文本编辑器vue-quill-editor的使用-汉化-不可编辑-图片缩放-文字输入长度限制-去除p标签-封装组件

weixin_57246351的博客

12-11

3046

第一步:下载 npm install vue-quill-editor –save 或者 yarn add vue-quill-editor –save 第二步使用,在demo.vue文件中 <template> <div class="edit_container">  <!-- <quill-editor v-model="content" ref="my

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

最新发布

王铁柱666的博客

12-14

295

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

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

liuxin33445566的博客

08-17

752

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

css readonly和disabled的区别

qq_47776536的博客

12-23

8566

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

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

weixin_42255060的博客

08-04

2695

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

javascript基础常识问答（八）

周五星的博客

04-25

257

readyonly 与 disabled 的区别 readyonly Readonly只针对input(text / password)和textarea有效，表单元素在使用了readyonly后，当我们将表单以POST或GET的方式提交的话，这个元素的值会被传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly，但是submit button...