怎样做出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基本规则和网页结构

Html表单边框怎么加颜色?Html form标签的边框颜色实例

Html基础知识,关于超链接设置的样式的详细介绍

编写高性能Html应用有哪些点需要注意

学会Html能做什么工作

怎么实现Html 可输入下拉菜单

Html元素中设置css样式的方式是什么

Html table标签怎么用

Html中title啥意思

图文详解<img>标签中alt属性和title属性的区别

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




打赏

取消

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

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

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

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

评论

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