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

所属分类: 网页制作 / HTML/Xhtml 阅读数: 1948
收藏 0 赞 0 分享

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

 <!--方法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实现文本框只读不能修改其中的内容,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
 

更多精彩内容其他人还在看

如何为element-ui的Select和Cascader添加弹层底部操作按钮

这篇文章主要介绍了如何为element-ui的Select和Cascader添加弹层底部操作按钮,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML页面点击下载文件的两种实现方法

这篇文章主要介绍了HTML页面点击下载文件的两种实现方法,需要的朋友可以参考下
收藏 0 赞 0 分享

HTML如何在两个div标签中间画一条竖线

最近项目经理交小编一个活儿,需要在界面当中画一条竖线,且这条竖线在高度上需要自动占满整个父div。在网上查了相关资料,最终搞定,下面小编给代价分享解决方法,需要的朋友参考下吧
收藏 0 赞 0 分享

html文本溢出显示省略字符的两种常用解决方法

本文给大家分享html文本溢出显示省略字符的两种常用解决方法,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

HTML页面原生VIDEO标签隐藏下载按钮功能

这篇文章主要介绍了HTML页面原生VIDEO标签隐藏下载按钮功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

html2canvas 将html代码转为图片的使用方法

html2canvas,这是一个非常著名的从浏览器网页截图的开源库,使用很方便,功能也很强大。这篇文章给大家介绍html2canvas 将html代码转为图片的使用方法,感兴趣的朋友跟随脚本之家小编一起看看吧
收藏 0 赞 0 分享

HTML中的<meta>标签的使用详解

这篇文章主要介绍了HTML中的<meta>标签的使用,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
收藏 0 赞 0 分享

移动 web 端屏幕适配(rem)

这篇文章主要介绍了移动 web 端屏幕适配(rem)。详细的介绍了移动 web 端屏幕适配(rem),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解前端在html页面之间传递参数的方法

这篇文章主要介绍了详解前端在html页面之间传递参数的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

html form表单input使用disabled后提交不能获取表单值的解决方法

这篇文章主要介绍了html form表单input使用disabled后提交不能获取表单值的解决方法,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多