input不可编辑(js input不可编辑)

系统input不可编辑：win7

1、打开html开发工具，在新建的html代码页面上创建一个input文本框

2、在input文本框上添加readonly=\"readonly\"属性，代码:<input type=\"text\" value=\"设置只读\" readonly=\"readonly\"/>

3、保存html代码页面，然后使用浏览器打开，会发现input文本框无法输入内容，表示设置只读模式成功了。

几种设置表单元素中文本输入框不可编辑的方法

展开全部

一般有2种方法使input文本框不可编辑：

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

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

disabled 属性无法与一起使用。

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

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

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

readonly 属性可与或配合使用。

具体步骤：

方法一：设置readonly属性为true。

Html代码

1.<input type=\"text\" value=\"readonly\" readonly>

方法二：设置disabled属性为true。

Html代码

1.<input type=\"text\" value=\"disabled\" disabled>

方法三：在对象focus时立刻让它blur，使它无法获得焦点。

Html代码

1.<input type=\"text\" value=\"onfocus=this.blur()\" onfocus=\"this.blur()\">

提示：readonly和disabled的区别在于后者完全禁止与设置该属性的对象交互(表现为不可改写、不可提交等)。