无法阻止输入字段自动填充

时间:2019-08-20 09:45:42

标签: javascript autocomplete material-ui

我遇到了一个奇怪的问题,它通过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="&quot;john@doe.com&quot; or &quot;johndoe123&quot;" required="" type="text" value="">

如果您注意到的话,它的渲染确实具有预期的autocomplete="off"属性。但是,即使刷新页面后,它也不会阻止字段使用我之前使用的值进行预填充。 FWIW,正在使用Chrome,当我以隐身模式加载页面时,不会发生这种情况。

该页面位于https://www.schandillia.com上。

0 个答案:

没有答案