首页前端开发JavaScripthtml如何禁止文本框输入

html如何禁止文本框输入

时间2024-01-29 14:51:02发布访客分类JavaScript浏览428
导读:收集整理的这篇文章主要介绍了html如何禁止文本框输入,觉得挺不错的,现在分享给大家,也给大家做个参考。htML禁止文本框输入的方法:1、设置input为只读状态,代码为【<input readonly="readonly" valu...
收集整理的这篇文章主要介绍了html如何禁止文本框输入,觉得挺不错的,现在分享给大家,也给大家做个参考。

htML禁止文本框输入的方法:1、设置input为只读状态,代码为【input readonly="readonly" value="test1"/> 】;2、设置input为不用状态,代码为【input disabled="disa】。

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

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

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

1.设置input为只读状态,代码如下:

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

2.设置input为不用状态,代码如下:

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)">
    /textarea>
    

2.红色边框的文本域;

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

相关学习推荐:html视频教程

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

html

若转载请注明出处: html如何禁止文本框输入
本文地址: https://pptw.com/jishu/591223.html
html怎么设置文字大小 html如何使用不换行标签

游客 回复需填写必要信息