怎样做出HTML文本框只读效果


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来怎样做出HTML文本框只读效果,做出HTML文本框只读效果的注意事项有哪些,下面就是实战案例,一起来看一下。

1

2

3

4

5

6

7

<!--方法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">

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

H5里图片中有缝隙应该如何解决

HTML5单页面手势滑屏切换如何实现

H5的地理定位怎样使用

以上就是怎样做出HTML文本框只读效果的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html怎么给button设置图片

Html a怎么禁止点击

Html语义化有那些作用

如何将Html转成pdf?方法介绍

Html换行符

Html如何改网页名称

关于Html操作滚动条的方法

Html5与Html的区别有哪些

Html 超级链接详细讲解

vue源码之目录结构的简单分析

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...