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

weixin_33978044

于 2012-09-10 17:19:00 发布

阅读量423

点赞数

本文详细介绍了在网页表单中将文本框设置为只读的方法，包括onfocus=this.blur()、readonly属性和disabled属性的使用。通过实例演示了如何阻止用户修改文本框中的内容。

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

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

View Code

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

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

<input type="text" name="input1" value="中国" readonly="true">

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