input 输入框置灰

要将输入框置灰，可以使用 CSS 样式来实现。具体的代码如下：

<input type="text" style="background-color: #ccc;" disabled>

其中，`background-color` 属性设置背景色为灰色，`disabled` 属性设置输入框为禁用状态，即无法编辑。

需要注意的是，禁用状态下输入框的内容将无法提交到服务器端。如果需要提交内容，可以将输入框设置为只读状态，如下所示：

<input type="text" style="background-color: #ccc;" readonly>

这样，输入框的内容仍然无法编辑，但是可以提交到服务器端。

相关问题

js设置input只读置灰

你可以使用以下代码设置一个input元素为只读并置灰：

var inputElement = document.getElementById("input-id"); //替换为你的input元素id
inputElement.readOnly = true;
inputElement.style.backgroundColor = "#f1f1f1";
inputElement.style.cursor = "not-allowed";

其中，`#f1f1f1`是置灰的背景颜色，`not-allowed`是将鼠标光标设置为禁止符号，表示该输入框不可编辑。

antd Input框只能显示内容，不能输入，把背景颜色置灰

要实现antd Input框只能显示内容，不能输入并将背景颜色置灰，可以通过以下步骤实现：

1. 在Input组件上添加属性“readOnly”，这样就不能通过键盘输入任何内容。

2. 设置Input组件的样式，使其看起来像是一个静态文本而不是一个输入框，并将背景颜色置灰。

下面是一个示例代码：

import { Input } from 'antd';

<Input value="只能显示，不能输入" readOnly style={{background: '#f5f5f5', border: 'none', color: '#333', cursor: 'default'}} />

在上面的代码中，我们将Input组件的value属性设置为需要显示的文本，添加了readOnly属性，通过style属性设置了样式，包括背景颜色、边框、字体颜色和鼠标指针，使其看起来像是一个静态文本而不是一个输入框。其中，背景颜色被设置为灰色。