禁用input输入框

做项目时发现有一些地方,比如input输
入框里的内容是禁止用户修改的,禁止用户修
改input输入框有很多方法,禁用input输入
框就是其中的一种,而禁用输入框又有多种方
法,下面我为大家列举两种方法。
第一种disabled属性,
在这里插入图片描述
浏览器会将中所有的表
单控制项(、 、
元素) 视为禁用,以防止键盘鼠标与它们发生
交互;添加 disabled 布尔值属性到input上,
就能防止用户操作并看起来更灰淡。
如下图所示:
在这里插入图片描述
第二种方法:在input输入框添加onFocus=“this.blur()”;
在这里插入图片描述
这种方法跟第一种方法差不多,而这种没有灰淡
的颜色,
在这里插入图片描述

第一个输入框是一个普通的输入框,第二个就是
禁用的输入框,普通的输入框点击会有反应的,
如图中所示,而第二种点击是没有反应的,
如下图所示:
在这里插入图片描述

以上就是本次教程的两种方法;

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值