如何让html禁止文本框输入

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

代码部分。

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

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

2.输出效果如下：

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

禁止文本框输入有以下两种方法：

设置input为只读状态，代码如下：

<input readonly="readonly" value="test1"/>

2.设置input为不用状态，代码如下：

<input disabled="disabled" value="test2"/>

HTML文本域两种样式：

没有滚动条的文本域（无边框）；

<textarea   style="border:   0   overflow:   auto   color:   #FFFFFF   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

2.红色边框的文本域；

<textarea   style="border:   #FF0000   1px   solid   overflow:   visible   color:   #FFFFFF   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>

参考资料

html中的input文本框禁止输入问题.CSDN[引用时间2018-1-5]

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

---