可能会遇到通过js选择更改文本框内容，如日期选择等，或者在文本框的内容只作于显示而不允许用户随意修改时，就需要下面方法来禁止用户文本框直接输入，以下介绍三种方法。

方法一：设置readonly属性为true。

<input type=”text” value=”xxxx” readonly>

方法二：设置disabled属性为true。

<input type=”text” value=”xxxx” disabled>

方法三：在对象focus时立刻让它blur，使它无法获得焦点。

<input type=”text” value=”xxxx” onfocus=”this.blur()”>

 

注意：

readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。
onfocus当对象获得焦点时触发。
focus使对象得到焦点。
onblur在对象失去输入焦点时触发。
blur模糊对象的内容以便使其看起来失去焦点。