如何在 Material UI 的输入组件中优先考虑输入字段中的非自动大写而不是 iPad？

Question

此问题特定于 Material UI 和 iPad，因为我需要从 MUI 更改组件。

我目前正在使用 Material UI 中的输入组件。

当我点击输入时，iPad 键盘打开，并自动将第一个字母大写。

我知道这可以通过 iPad 的设置进行更改，但这不是我们想要实现的行为。

我需要无论iPad的设置如何，输入都不会自动将第一个字母作为大写字母，除非用户有意通过单击大写字母按钮来选择大写字母。

我知道 Material UI 没有

autoCapitalize

属性。为了以防万一，我测试了它，但它不起作用。

材质UI版本：5.8.1

iPadOS：已测试 16 和 17

片段：

import { Input } from '@mui/material';

<Input      
  id={id}
  placeholder={placeholder}
  type={type}
  value={value}
  onChange={onChange}
/>

Answer 1

您必须通过 MUI autoCapitalize

的

Input

传递

inputProps

，因为它是 HTML 标准的一部分，而不是 MUI。例如：

<Input
  id="component-simple"
  defaultValue=""
  inputProps={{
    autoCapitalize: "off"
  }}
/>