我使用了Grid和InputLabel，以便能够通过手动实现标签并定义其位置来制作您想要的内容，我有这样的内容：

<Grid container >
    <Grid item xs={12}>
        <InputLabel
            shrink={false}
            htmlFor={"username"}
        >
            <Typography className={classes.label}>Username</Typography>
        </InputLabel>

     <TextField
            id="username"
            fullWidth
            margin="normal"
            InputLabelProps={{
              shrink: true,
            }}
            InputProps={{
              classes: { input: classes.inputs },
            }}
            name="username"
            autoComplete="username"
            autoFocus
            helperText={touched.username ? errors.username : ''}
            error={touched.username && Boolean(errors.username)}
            value={values.username}
            variant="outlined"
            onChange={handleChange}
          />
    </Grid>
</Grid>