frontend/login: change type of inputs for emails to 'email'

Tinkerforge · Sep 23, 2024 · ae4adf9 · ae4adf9
1 parent bf43552
commit ae4adf9
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/components/login.tsx b/frontend/src/components/login.tsx
@@ -122,7 +122,7 @@ export class Login extends Component<{}, LoginState> {
                     <Modal.Body>
                         <Form.Group className="mb-3" controlId="startRecoveryEmail">
                             <Form.Label>{t("email")}</Form.Label>
-                            <Form.Control type="text" placeholder={t("email")} value={this.state.email} onChange={(e) => {
+                            <Form.Control type="email" placeholder={t("email")} value={this.state.email} onChange={(e) => {
                                 this.setState({email: (e.target as HTMLInputElement).value});
                             }} />
                         </Form.Group>
@@ -141,7 +141,7 @@ export class Login extends Component<{}, LoginState> {
             <Form onSubmit={async (e: SubmitEvent) => this.onSubmit(e)}>
                 <Form.Group className="mb-3" controlId="loginEmail">
                     <Form.Label>{t("email")}</Form.Label>
-                    <Form.Control type="text" placeholder={t("email")} value={this.state.email} onChange={(e) => {
+                    <Form.Control type="email" placeholder={t("email")} value={this.state.email} onChange={(e) => {
                         this.setState({email: (e.target as HTMLInputElement).value});
                     }} />
                 </Form.Group>