怎样做出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 col标签是什么意思?Html col标签的使用实例介绍

Html中序列化标签的简单介绍(代码实例)

Html的由来

Html如何实现点击链接打开一个新窗口

Html的<frameset>标签有什么作用

有关Html的正确描述

Html如何制作一个简单的单页布局(代码分享)

Html隐藏属性是什么

Html5新机制:postmessage实现安全跨域通信(代码)

如何使用css设计出一个表单页面(附示例)

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




打赏

取消

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

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

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

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

评论

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