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

最新推荐文章于 2021-06-29 18:43:35 发布

转载最新推荐文章于 2021-06-29 18:43:35 发布 · 435 阅读

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

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使<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>