html表单input文本框只读属性怎么设置?

发布时间:2021-01-18编辑:脚本学堂
有关html表单中文本框只读属性的设置方法,使用onfocus=this.blur()、readonly、disabled三种方式,感兴趣的朋友参考下。

html文本框只读怎么实现?

如何禁止用户修改文本框中内容,只作为内容提示显示,禁止用户修改其中的信息,即实现文本框只读功能。
 
这里分享三种方法,也是网上流传最多的几个有关文本框只读设置的例子:

方法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>