本文摘自PHP中文网，作者小云云，侵删。
本文我们将和大家分享一个基础的知识：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">
|
以上内容就是HTML实现文本框只读不能修改其中的内容的方法，虽然很简单，但是确实是个实用的小办法，希望对大家有帮助。
阅读剩余部分
相关阅读 >>
Html设置背景图片全屏
Html如何设置网页标题？
如何使用canvas画出平滑的曲线?（代码）
如何解决Html form乱码问题
Html中列表、表格和媒体元素的介绍
xHtml与Html之间有什么区别？xHtml与Html之间的异同分析
如何清除浮动？Html中:after伪元素清除浮动的方法实现 （代码）
Html5与Html的区别有哪些
h5和Html的区别是什么
关于Html、js的一些用法小技巧
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » HTML如何实现文本框不能修改其中的内容
