如何让html禁止文本框输入

html禁止文本框输入，用到的工具：notepad++，代码以及输出效果如下：

代码部分。

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

说明：readonly="readonly"，文本框就不能输入了。

2.输出效果如下：

注意事项：readonly表示此域的值不可修改和输入，仅可与 type="text" 配合使用。

两种方法：1、<input type="text" name="noedit" size="20" disabled="disabled" value="不可编辑">，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。2、<input type="text" name="noedit" size="20" readonly="readonly" value="不可输入">，这种方法可让文本框不可输入，但服务端可以获取该文本框的值。是什么需求就怎么用吧。

具体步骤：

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

Html代码

1.<input type="text" value="readonly" readonly>

<input type="text" value="readonly" readonly>

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

Html代码

1.<input type="text" value="disabled" disabled>

<input type="text" value="disabled" disabled>

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

Html代码

1.<input type="text" value="onfocus=this.blur()" onfocus="this.blur()">

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

提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。

---