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

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

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

相信看了这些案例你已经掌握了方法，更多精彩请关注其它相关文章！

相关阅读：

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

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

H5的地理定位怎样使用

以上就是怎样做出HTML文本框只读效果的详细内容，更多请关注其它相关文章！