html中input不可用或是只读的几种方式和区别

将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>

让文本框变灰不可输入：

<input type="text" name="test" disabled="disabled" style="background:#CCCCCC"/>

不过该方法在为输入框加入自定义CSS代码可能失效，即不会变成灰色。所以在无效的情况下，查看是否是因为CSS的原因造成的。
不可输入还可以用上述三种方法

注意：readonly只是让文本框不可操作，但是文本框不会变成灰色。只有disabled可以使文本框变为灰色。

---

第一种：<input name="time_limit_2" readonly="readonly" />第二种：<input name="time_limit_2" disabled />

两者功能上有很大的差意
当表单与数据库交互时，第一种没问题，但第二种就不行，第一种只是把input设为只读，在提交到数据库的时候数据依然存在
而第二种并不是只读状态，而是关闭状态！