如何让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
相关产品推荐
相关产品推荐

