控制表单中的文本框是否可编辑其实是一个很常用的功能，比如有时候我们需要用户按顺序填写表单的时候，通常会通过JS控制文本框的可编辑状态开放顺序；其实也就是通过控制以下两个属性来达到我们的目标而已。

readonly表示此域的值不可修改，仅可与 type="text" 配合使用，可复制，可选择,可以接收焦点，后台会接收到传值，文字不会变色。

<input type="text" name="codetc" readonly="readonly"  />

disabled表示禁用input元素，文本框变灰，不可编辑，不可复制，不可选择，不能接收焦点，后台也不会接收到传值。

<input type="text"  name="codetc" disabled="disabled" />

这里顺带说一下另一个标签autocomplete，浏览器通常会记录input输入框的记录，所以你在输入的时候，经常会下拉很多内容，如下图：

autocomplete代表是否让浏览器自动记录之前输入的值，属性默认值为on，很多时候，需要对用户的资料进行保密，防止浏览器软件或者恶意插件获取到的时候，最好禁止浏览器自动记录。

禁止的方法是加上autocomplete="off"，使用方法如下：autocomplete="off"

<input type="text" autocomplete="off" name="codetc"/>