很多站长朋友们都不太清楚html怎么锁定输入框，今天小编就来给大家整理html怎么锁定输入框，希望对各位有所帮助，具体内容如下：
本文目录一览： 1、 HTML如何禁止文本框输入？ 2、 HTML如何禁止文本框输入 3、 如何让html禁止文本框输入 HTML如何禁止文本框输入？禁止文本框输入有以下两种方法：
设置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()"></textarea>
2.红色边框的文本域；
<textarea style="border: #FF0000 1px solid; overflow: visible; color: #FFFFFF; background-image: url()"></textarea>
参考资料
html中的input文本框禁止输入问题.CSDN[引用时间2018-1-5]
HTML如何禁止文本框输入两种方法：1、<input type="text" name="noedit" size="20" disabled="disabled" value="不可编辑">，这种方法可以让文本框不可编辑，但同时会导致服务端不能获取该文本框的值。2、<input type="text" name="noedit" size="20" readonly="readonly" value="不可输入">，这种方法可让文本框不可输入，但服务端可以获取该文本框的值。是什么需求就怎么用吧。
如何让html禁止文本框输入html禁止文本框输入，用到的工具：notepad++，代码以及输出效果如下：
代码部分。
<input type="text" name="name" readonly="readonly" />
说明：readonly="readonly"，文本框就不能输入了。
2.输出效果如下：
注意事项：readonly表示此域的值不可修改和输入，仅可与 type="text" 配合使用。
关于html怎么锁定输入框的介绍到此就结束了，不知道本篇文章是否对您有帮助呢？如果你还想了解更多此类信息，记得收藏关注本站，我们会不定期更新哦。
查看更多关于html怎么锁定输入框 html5设置输入框的详细内容...