本文摘自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 blockquote怎么用?blockquote标签的用法介绍
Html页面的基本代码结构是什么?
Html中使用css的方法有哪几种
Html实现窗口大小变化时页面刷新(代码)
设置表格标题的Html代码是什么
javascript与Html的结合方法详解
Html超链接默认字体颜色怎么清除
Html里的name与id和class到底有什么不同
Html td标签怎么用
Html中设置字体的属性有哪些
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML如何实现文本框不能修改其中的内容