css如何实现input不可编辑-木庄网络博客

2022-03-20 00:50:57 PHP中文网 JavaScript 百度已收录

本文摘自PHP中文网，作者coldplay.xixi，侵删。

css实现input不可编辑的方法：1、设置【onfocus=this.blur()】当鼠标放不上就离开焦点；2、设置disabled，代码为【<..name="input1" value="（）" disabled="true">】。

本教程操作环境：windows7系统、css3版，DELL G3电脑。

css实现input不可编辑的方法：

方法1：onfocus=this.blur() 当鼠标放不上就离开焦点

1	`<input type="text"` `name="input1"` `value="（）"` `onfocus=this.blur()>`

方法2：readonly

1	`<input type="text"` `name="input1"` `value="（）"` `readonly> <input type="text"` `name="input1"` `value="中国"` `readonly="true">`

方法3：disabled

1	`<input type="text"` `name="input1"` `value="（）"` `disabled="true">`

扩展资料：

相关阅读 >>

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

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者