Html “自动完成”；关于；不以JS形式工作

我在react中有下面的表单，我需要实现“autoComplete=“on”，这样下次如果用户想要输入相同的值，就应该建议自动完成。下面是我的代码

<form className={classes.container} noValidate>
  <Grid container item xs={12} alignItems="center">
    <TextField
      id="outlined-bare"
      className={classes.textField1}
      defaultValue=""
      margin="normal"
      variant="outlined"
      autoComplete="on"
      InputProps={{ style: { height: 40 } }}
      onChange={(e) => handleChange(e, 'Name')}
    />
  </Grid>

handleChange（e，'Name'）}
/>

---

正在呈现的组件是Chrome browser。这里有什么问题或缺少什么？

下面是代码。您可以在表单标记中添加

autoComplete=“on”

<form className={classes.container} noValidate  autoComplete="on">
  <Grid container item xs={12} alignItems="center">
    <TextField
      id="outlined-bare"
      className={classes.textField1}
      defaultValue=""
      margin="normal"
      variant="outlined"
      autoComplete="on"
      InputProps={{ style: { height: 40 } }}
      onChange={(e) => handleChange(e, 'Name')}
    />
  </Grid>
</form>

handleChange（e，'Name'）}
/>

以下是代码。您可以在表单标签中添加

autoComplete=“on”

<form className={classes.container} noValidate  autoComplete="on">
  <Grid container item xs={12} alignItems="center">
    <TextField
      id="outlined-bare"
      className={classes.textField1}
      defaultValue=""
      margin="normal"
      variant="outlined"
      autoComplete="on"
      InputProps={{ style: { height: 40 } }}
      onChange={(e) => handleChange(e, 'Name')}
    />
  </Grid>
</form>

handleChange（e，'Name'）}
/>

Add

name

input属性-它有助于识别应该自动填充的内容。您正在使用哪个库？材质ui？@Raju是的，它的材质ui@Jax-p添加了

name

，但它仍然不起作用chrome的自动完成功能是个谜。我无法阻止它出现，你也无法让它出现。添加

name

输入属性-它有助于识别应该自动填充的内容。您使用的是哪个库？材质ui？@Raju是的，它的材质ui@Jax-p添加了

name

，但仍然不起作用chrome的自动完成功能是个谜。我无法阻止它出现，你也无法让它出现。