文本框设为不可编辑文本框

将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设为只读，在提交到数据库的时候数据依然存在

而第二种并不是只读状态，而是关闭状态！