我遇到了一个奇怪的问题,它通过material-ui库(在库中称为TextField
)呈现了一个简单的输入字段。我无法以某种方式阻止它自动填充,即使刷新页面也是如此!这是组件道具:
<TextField
{...{
id: 'emailField',
placeholder,
error,
type,
fullWidth,
disabled,
required,
variant: 'outlined',
className: classes.margin,
label: 'Email',
name,
helperText,
...(value && { value }),
}}
autoComplete='off'
InputProps={{
startAdornment: <InputAdornment position="start"><EmailIcon /></InputAdornment>,
}}
/>
这是它呈现的HTML:
<input aria-invalid="false" aria-describedby="emailField-helper-text" autocomplete="off" class="MuiInputBase-input MuiOutlinedInput-input MuiInputBase-inputAdornedStart MuiOutlinedInput-inputAdornedStart" id="emailField" name="userid" placeholder=""john@doe.com" or "johndoe123"" required="" type="text" value="">
如果您注意到的话,它的渲染确实具有预期的autocomplete="off"
属性。但是,即使刷新页面后,它也不会阻止字段使用我之前使用的值进行预填充。 FWIW,正在使用Chrome,当我以隐身模式加载页面时,不会发生这种情况。
该页面位于https://www.schandillia.com上。