怎样做出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 basefont标签怎么用

Html里用css隐藏div的方法

Html如何添加图片路径

Html怎么进行页面跳转(重定向)

Html中表格tr的td单元格怎么设置宽度属性

Html指什么

浅谈Html中scr与href是什么?scr与href有什么区别?

Html里关于表格table嵌套的注意事项

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




打赏

取消

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

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

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

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

评论

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