Question

我在下面的表单中需要执行“ 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>

正在渲染的组件是Chrome浏览器。这里有什么问题或遗漏了？

Answer 1

这是下面的代码。您可以在表单标签中添加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>

autoComplete“ on”无法在ReactJs表单中工作

1 个答案: