html如何禁止文本框输入

165 阅读 0 评论 109 点赞

我是靠谱客的博主贤惠苗条，这篇文章主要介绍html如何禁止文本框输入，现在分享给大家，希望可以做个参考。

本教程操作环境：windows7系统、html5版，DELL G3电脑。

html禁止文本框输入的方法：

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

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

复制代码<input readonly="readonly" value="test1"/>1
<input readonly="readonly" value="test1"/>
登录后复制

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

复制代码<input disabled="disabled" value="test2"/>1
<input disabled="disabled" value="test2"/>
登录后复制

HTML文本域两种样式：

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

复制代码<textarea   style="border:   0;   overflow:   auto;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)">1
<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)">1
<textarea   style="border:   #FF0000   1px   solid;   overflow:   visible;   color:   #FFFFFF;   background-image:   url(http://expert.csdn.net/images/csdn.gif)"></textarea>
登录后复制

以上就是html如何禁止文本框输入的详细内容，更多请关注靠谱客其它相关文章！