javascript:让表单文本框只读，不可编辑的方法

最新推荐文章于 2025-08-12 14:37:12 发布

转载最新推荐文章于 2025-08-12 14:37:12 发布 · 184 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/668236

文章标签：

#javascript #ViewUI

本文详细介绍了在HTML表单中通过三种方法实现文本框只读功能，包括onfocus=this.blur()、readonly属性和disabled属性。通过实际代码示例，帮助开发者轻松掌握只读文本框的实现技巧。

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

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<input type="text" name="input1" value="中国"> 的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。

方法1: onfocus=this.blur()
<input type="text" name="input1" value="中国" onfocus=this.blur()>

方法2:readonly
<input type="text" name="input1" value="中国" readonly>

方法3: disabled
<input type="text" name="input1" value="中国" disabled>

作者：Tyler Ning
出处：http://www.cnblogs.com/tylerdonet/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，如有问题，可以通过以下邮箱地址williamningdong@gmail.com 联系我，非常感谢。