这次给大家带来怎样做出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">
相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
The above is the detailed content of How to make HTML text box read-only effect. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
