Css 如何使用material ui textfield删除浏览器保存的密码建议

Css 如何使用material ui textfield删除浏览器保存的密码建议,css,reactjs,browser,material-ui,Css,Reactjs,Browser,Material Ui,“如何在表单标记内的文本字段中删除此类型的浏览器建议。用户必须键入密码,而无需从建议中选择” “试图添加文本字段autocomplete=“off” 大多数浏览器不允许您禁用自动完成功能。有关更多信息,请参见此处: 如果你真的需要的话,有一些黑客的方法可以做到这一点(我不推荐),比如将输入“type”更改为文本,使用JS捕获击键并用“*”字符或其他什么替换它们,但是没有一种受支持的本机方法可以做到这一点 <TextField variant="outlin

“如何在表单标记内的文本字段中删除此类型的浏览器建议。用户必须键入密码,而无需从建议中选择”

“试图添加文本字段autocomplete=“off”


大多数浏览器不允许您禁用自动完成功能。有关更多信息,请参见此处:

如果你真的需要的话,有一些黑客的方法可以做到这一点(我不推荐),比如将输入“type”更改为文本,使用JS捕获击键并用“*”字符或其他什么替换它们,但是没有一种受支持的本机方法可以做到这一点

 <TextField
          variant="outlined"
          color="secondary"
          fullWidth
          classes={{
            root: classes.textfieldRoot,
          }}
          type="password"
          id="password"
          value={password}
          onChange={handleChange}
          autoFocus
          autoComplete="off"
          inputProps={{
            autoComplete: "new-password",
            form: {
              autoComplete: "off",
            },
          }}
        />