input框不可编辑/input框里加入固定文字_课本解读

本文目录一览：

1、使input文本框不可编辑的3种方法
2、如何设置input文本框不可编辑
3、input设置不可编辑(input怎么设置不可编辑)
4、input设置只读;input设置不可编辑

使input文本框不可编辑的3种方法

第一种方法：使用disabled属性。通过在input元素中添加disabled属性，文本框将被禁用，无法编辑、复制或选择，同时，焦点也无法被其接收。后台不会接收到传值。设置后，文本框内的文字会变为灰色。值得注意的是，disabled属性不能与某些其他属性共存。第二种方法：使用readonly属性。

在HTML中，可以通过添加readonly=readonly属性将input文本框设置为不可编辑状态。方法/步骤打开HTML开发工具，在新建的HTML代码页面上创建一个input文本框。在input文本框上添加readonly=readonly属性。

之后在浏览器中预览，您可以看到文本框不可编辑。

要对input设置只读属性，可以使用readonly属性；要使input不可编辑且不可选择，可以使用disabled属性。以下是具体说明：设置input为只读使用readonly属性可以将input文本框设置为只读状态。

以下答案为纯原生（vanilla Javascript）方法，实际可以用react、vue之类的库，通过数据绑定的方法实现这种功能。我用的是ECMAScript6的写法，其中let， const关键字老版本IE可能不识别，可以全部换成var。

这句中的disabled=disabled就起到令文本框不可编辑变灰的效果。

如何设置input文本框不可编辑

1、在HTML中，可以通过添加readonly=readonly属性将input文本框设置为不可编辑状态。方法/步骤打开HTML开发工具，在新建的HTML代码页面上创建一个input文本框。在input文本框上添加readonly=readonly属性。

2、第一种方法：使用disabled属性。通过在input元素中添加disabled属性，文本框将被禁用，无法编辑、复制或选择，同时，焦点也无法被其接收。后台不会接收到传值。设置后，文本框内的文字会变为灰色。值得注意的是，disabled属性不能与某些其他属性共存。第二种方法：使用readonly属性。

3、要对input设置只读属性，可以使用readonly属性；要使input不可编辑且不可选择，可以使用disabled属性。以下是具体说明：设置input为只读使用readonly属性可以将input文本框设置为只读状态。