首页 > 代码库 > HTML:让表单 文本框 只读,不可编辑的方法

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

 

有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,

如使<input type="text" name="input1" value="http://www.mamicode.com/中国"> 的内容,

"中国"两个字不可以修改。实现的方式归纳一下,

有如下几种。

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

方法2:readonly <input type="text" name="input1" value="http://www.mamicode.com/中国" readonly>

<input type="text" name="input1" value="http://www.mamicode.com/中国" readonly="true">

方法3: disabled <input type="text" name="input1" value="http://www.mamicode.com/中国" disabled>

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