javascript怎么设置input不可编辑

方法：1、利用disabled属性设置，语法为“元素对象.disabled = true”；2、利用setAttribute()方法和readOnly属性设置，语法为“元素对象.setAttribute(“readOnly”,true)”。

本教程操作环境：windows10系统、javascript1.8.5版、Dell G3电脑。

javascript怎么设置input不可编辑

有两种方法设置input不可编辑。

1、利用disabled属性

disabled 属性是一个布尔属性。

立即学习“Java免费学习笔记（深入）”；

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

被禁用的 input 元素是无法使用和无法点击的。

2、利用readonly属性和setAttribute方法

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

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

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

setAttribute()方法用于增加一个指定名称和治的新属性，或者把一个现有属性设定为指定的值

语法为：

elementNode.setAttribute(name,value)

登录后复制

示例如下：

nbsp;html>                     var btn1 = document.getElementById('btn1');        btn1.onclick = function () {            var txt = document.getElementById('txt');            txt.disabled = true;        }        var btn1 = document.getElementById('btn2');        btn1.onclick = function () {            var txt = document.getElementById('txt1');            txt.setAttribute("readOnly", true);        }    

登录后复制

输出结果：

【相关推荐：javascript视频教程、web前端】

以上就是javascript怎么设置input不可编辑的详细内容，更多请关注【创想鸟】其它相关文章！