2024年3月25日发(作者：)

CSS控制文本框的只读属性的方法

 解决方案一：

有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使

的内容，"中国"两个字不可以修改。

实现的方式归纳一下，有如下几种：

方法1：

onfocus=() //当鼠标放不上就离开焦点

方法2：readonly

方法3：disabled

本文内容来源于网络，经整理仅供技术交流分享，版权归原作者所有，如有争议请邮件告知

第 1 页 共 6 页

完整的例子：

onMouseOver="ame='input_1'" onMouseOut="ame='input_2'"

value="123456" disabled="true" readOnly="true" />

disabled="true" //此果文字会变成灰色，不可编辑

readOnly="true" //文字不会变色，也是不可编辑的

css屏蔽输入：

有两种方法第一：disabled="disabled"这样定义之后被禁用的 input 元素既不可用，也

不可点击。

第二：readonly="readonly" 只读字段是不能修改的。

不过，用户仍然可以使用 tab 键切换到该字段，还可以选中或拷贝其文本。

 解决方案二：

CSS封装整个只读文本框的属性：

.TextBoxReadOnly

本文内容来源于网络，经整理仅供技术交流分享，版权归原作者所有，如有争议请邮件告知******************

第 2 页 共 6 页