html怎么锁定输入框 html5设置输入框

很多站长朋友们都不太清楚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设置输入框的详细内容...