input禁止输入的4种方法

最新推荐文章于 2024-01-30 17:13:00 发布

A-炜晨科技

最新推荐文章于 2024-01-30 17:13:00 发布

阅读量3.6k

点赞数 4

分类专栏： vue2后台管理系统(刚入职的前端小白) element-ui使用及修改前端原生文章标签： servlet java jvm

本文链接：https://blog.csdn.net/weixin_64630810/article/details/126406897

版权

32 篇文章

订阅专栏

22 篇文章

订阅专栏

12 篇文章

订阅专栏

本文对比讲解了HTML中readonly和disabled属性在input元素中的应用，着重说明了它们的区别：readonly使字段只读可复制，disabled则禁止操作且文字变灰。同时介绍了通过maxlength属性限制字符数和使用blur方法实现动态切换的技巧。

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

方法1、 readonly

<input type="text" value="哈哈哈" readonly="readonly"> //使用readonly，字段为只读可复制

方法2、 disabled

<input type="text" value="哈哈哈" disabled="disabled"> //只读不可复制，无法选择， 文字会变成灰色

方法3、max length = “0”

<input type="text"  maxlength="0">

方法4：this.blur()

<input type="text" value="哈哈哈" onfocus="this.blur()">