找回密码
 注册

QQ登录

只需一步,快速开始

手机号码,快捷登录

手机号码,快捷登录

广告位招租qq41463402
查看: 4|回复: 0

[系统教程] win10系统下怎样让Html文本框不可编辑

[复制链接]

4318

主题

1207

回帖

1万

积分

知府

UID
9900
金钱
0 点
威望
0 点
贡献
-26852 点
宣传
0 人
买家
0 元
卖家
0 元
注册时间
2017-9-27
最后登录
2025-4-26

踢楼之王勋章优秀会员勋章夜游神勋章

发表于 2025-6-28 14:22 | 显示全部楼层 |阅读模式

学习网页设计的朋友们,相信对Html并不陌生。不过,Html博大精深,因此有很多内容让网页设计人员很是困惑,最常见的就是怎么让Html文本框不可编辑?接下来,小编就以windows10系统为例,分享让Html文本框不可编辑的方法。

win10系统下怎样让Html文本框不可编辑-1.jpg

解决思路:在文本框的内容只作于演示而不允许用户随意修改时这样做就非常有必要。

具体步骤:

方法一:设置readonly属性为true

复制代码:

方法二:设置disabled属性为true

复制代码:

方法三:在对象focus时立刻让它blur,使它无法获得焦点

复制代码:

温馨提示:

readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等),readonly是可以提交的。

代码单词解释:

1、onfocus 当对象获得焦点时触发。

2、focus 使对象得到焦点。

3、onblur 在对象失去输入焦点时触发。

4、blur 模糊对象的内容以便使其看起来失去焦点。

win10系统下让Html文本框不可编辑的方法就为大家介绍到这里了。方法总共有三种,第一、二种是替换属性,第三种是添加代码,小编觉得大家可以根据自己的需要选择一种方法。

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|手机版|小黑屋|富贵论坛 ( 琼ICP备2022019866号-7 )

GMT+8, 2025-7-4 18:30 , Processed in 0.126132 second(s), 12 queries , Redis On.

Powered by FGLT.ME

© 2001-2025 FUGUILUNTAN FGLTNET

快速回复 返回顶部 返回列表