html text可修改,css 如何设置text不可编辑？

如何设置text不可编辑？下面本篇文章给大家介绍一下。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

设置text不可编辑的方法

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

方法2：使用readonly属性

通过readonly属性规定输入字段为只读实现不可编辑：

Name:

Country:

效果图：

方法3：使用disabled属性

通过disabled属性规定应该禁用input元素实现不可编辑

说明：

disabled 属性：

disabled 属性规定应该禁用 input 元素。

被禁用的 input 元素既不可用，也不可点击。可以设置 disabled 属性，直到满足某些其他的条件为止(比如选择了一个复选框等等)。然后，就需要通过 JavaScript 来删除 disabled 值，将 input 元素的值切换为可用。

readonly 属性：

readonly 属性规定输入字段为只读。

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

readonly 属性可以防止用户对值进行修改，直到满足某些条件为止(比如选中了一个复选框)。然后，需要使用 JavaScript 消除 readonly 值，将输入字段切换到可编辑状态。

readonly 属性可与 或 配合使用。

更多web前端开发知识，请查阅 HTML中文网 ！！