input禁止编辑

input禁止编辑

在一些固定属性中经常会禁用input输入框：这了较少几个方法：

1. 通过js禁用，使用户永远获取不到焦点，不是很友好。不建议使用。

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

2. readonly:只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。

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

3. disabled不可编辑，不可复制，不可选择，不能接收焦点,后台也不会接收到传值。设置后文字的颜色会变成灰色。disabled 属性无法与 <input type="hidden"> 一起使用。

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

4. t通过CSS禁用，但是不兼容Chrome。不推荐使用

<input style="ime-mode: disabled">