Improve accessibility of form fields in Register
See https://mui.com/material-ui/api/text-field/
This commit is contained in:
parent
fc84fb3c8b
commit
956d9025b4
|
|
@ -46,21 +46,25 @@ export default class RegistrationDialog extends Component<IProps, IState> {
|
||||||
<DialogContent>
|
<DialogContent>
|
||||||
<TextField
|
<TextField
|
||||||
autoFocus
|
autoFocus
|
||||||
|
id="register-username"
|
||||||
margin="dense"
|
margin="dense"
|
||||||
className="name"
|
className="name"
|
||||||
label="Name *"
|
label="Name *"
|
||||||
|
name="username"
|
||||||
type="email"
|
type="email"
|
||||||
value={name}
|
value={name}
|
||||||
onChange={this.handleChange.bind(this, 'name')}
|
onChange={this.handleChange.bind(this, 'name')}
|
||||||
fullWidth
|
fullWidth
|
||||||
/>
|
/>
|
||||||
<TextField
|
<TextField
|
||||||
|
id="register-password"
|
||||||
margin="dense"
|
margin="dense"
|
||||||
className="password"
|
className="password"
|
||||||
type="password"
|
type="password"
|
||||||
value={pass}
|
value={pass}
|
||||||
fullWidth
|
fullWidth
|
||||||
label="Pass *"
|
label="Pass *"
|
||||||
|
name="password"
|
||||||
onChange={this.handleChange.bind(this, 'pass')}
|
onChange={this.handleChange.bind(this, 'pass')}
|
||||||
/>
|
/>
|
||||||
</DialogContent>
|
</DialogContent>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue