You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何让Material UI Input组件优先禁用iPad自动大写功能?

解决Material UI Input在iPadOS上自动大写首字母的问题

Material UI 5.8.1的Input组件本身不支持autoCapitalize属性,但它基于原生input元素封装,我们可以通过inputProps传递原生属性来强制关闭iPadOS键盘的自动大写行为:

  • 使用inputProps将原生input的autoCapitalize属性设为"none",这样无论系统设置如何,输入框默认都不会自动大写首字母,仅当用户主动点击键盘大写按钮时才会切换为大写状态。

修改后的代码如下:

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

<Input      
  id={id}
  placeholder={placeholder}
  type={type}
  value={value}
  onChange={onChange}
  inputProps={{
    autoCapitalize: 'none'
  }}
/>

这个方案直接通过原生属性覆盖系统行为,完全满足需求。

内容的提问来源于stack exchange,提问作者Max

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.09 20:39:50