fix(Register): add missing form and autoComplete
This commit is contained in:
parent
9f9eb65a1a
commit
0ab11ea1e1
@ -1,5 +1,5 @@
|
||||
import React, { Component } from 'react';
|
||||
import { Button, Card, CardBody, CardFooter, Col, Container, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
|
||||
import { Button, Card, CardBody, CardFooter, Col, Container, Form, Input, InputGroup, InputGroupAddon, InputGroupText, Row } from 'reactstrap';
|
||||
|
||||
class Register extends Component {
|
||||
render() {
|
||||
@ -10,39 +10,41 @@ class Register extends Component {
|
||||
<Col md="6">
|
||||
<Card className="mx-4">
|
||||
<CardBody className="p-4">
|
||||
<h1>Register</h1>
|
||||
<p className="text-muted">Create your account</p>
|
||||
<InputGroup className="mb-3">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>
|
||||
<i className="icon-user"></i>
|
||||
</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="text" placeholder="Username" />
|
||||
</InputGroup>
|
||||
<InputGroup className="mb-3">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>@</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="text" placeholder="Email" />
|
||||
</InputGroup>
|
||||
<InputGroup className="mb-3">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>
|
||||
<i className="icon-lock"></i>
|
||||
</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="password" placeholder="Password" />
|
||||
</InputGroup>
|
||||
<InputGroup className="mb-4">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>
|
||||
<i className="icon-lock"></i>
|
||||
</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="password" placeholder="Repeat password" />
|
||||
</InputGroup>
|
||||
<Button color="success" block>Create Account</Button>
|
||||
<Form>
|
||||
<h1>Register</h1>
|
||||
<p className="text-muted">Create your account</p>
|
||||
<InputGroup className="mb-3">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>
|
||||
<i className="icon-user"></i>
|
||||
</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="text" placeholder="Username" autoComplete="username" />
|
||||
</InputGroup>
|
||||
<InputGroup className="mb-3">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>@</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="text" placeholder="Email" autoComplete="email" />
|
||||
</InputGroup>
|
||||
<InputGroup className="mb-3">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>
|
||||
<i className="icon-lock"></i>
|
||||
</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="password" placeholder="Password" autoComplete="new-password" />
|
||||
</InputGroup>
|
||||
<InputGroup className="mb-4">
|
||||
<InputGroupAddon addonType="prepend">
|
||||
<InputGroupText>
|
||||
<i className="icon-lock"></i>
|
||||
</InputGroupText>
|
||||
</InputGroupAddon>
|
||||
<Input type="password" placeholder="Repeat password" autoComplete="new-password" />
|
||||
</InputGroup>
|
||||
<Button color="success" block>Create Account</Button>
|
||||
</Form>
|
||||
</CardBody>
|
||||
<CardFooter className="p-4">
|
||||
<Row>
|
||||
|
Loading…
Reference in New Issue
Block a user