欢迎来到入门教程网!

CSS/HTML

当前位置:主页 > 网页制作 > CSS/HTML >

HTML实现文本框只读不能修改其中的内容

来源:本站原创|时间:2020-01-10|栏目:CSS/HTML|点击:

废话不多说了,直接给大家贴代码了,具体代码如下所示:

 <!--方法1: onfocus=this.blur()  当鼠标放不上就离开焦点 -->
<input type="text" name="input1" value="中国" onfocus=this.blur()> 
<!-- 方法2:readonly  文字不会变色,也是不可编辑的-->
<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true"> 
<!-- 方法3: disabled   此时文字会变成灰色,不可编辑。 -->
<input type="text" name="input1" value="中国" disabled="true"> 

总结

以上所述是小编给大家介绍的HTML实现文本框只读不能修改其中的内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!
 

上一篇:HTML中的&amp;lt;meta&amp;gt;标签的使用详解

栏    目:CSS/HTML

下一篇:使用HTML+CSS实现鼠标划过的二级菜单栏的示例

本文标题: HTML实现文本框只读不能修改其中的内容

本文地址:https://www.xiuzhanwang.com/a1/CSS_HTML/9526.html

网页制作CMS教程网络编程软件编程脚本语言数据库服务器

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:835971066 | 邮箱:835971066#qq.com(#换成@)

Copyright © 2002-2020 脚本教程网 版权所有