gitadmin/admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(Register): add missing form and autoComplete

Browse Source
This commit is contained in:
xidedix 2018-07-30 16:10:51 +02:00
parent 9f9eb65a1a
commit 0ab11ea1e1
1 changed files with 36 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
src/views/Pages/Register/Register.js
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react'; 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 { class Register extends Component {
render() { render() {
@ -10,39 +10,41 @@ class Register extends Component {
<Col md="6"> <Col md="6">
<Card className="mx-4"> <Card className="mx-4">
<CardBody className="p-4"> <CardBody className="p-4">
<h1>Register</h1> <Form>
<p className="text-muted">Create your account</p> <h1>Register</h1>
<InputGroup className="mb-3"> <p className="text-muted">Create your account</p>
<InputGroupAddon addonType="prepend"> <InputGroup className="mb-3">
<InputGroupText> <InputGroupAddon addonType="prepend">
<i className="icon-user"></i> <InputGroupText>
</InputGroupText> <i className="icon-user"></i>
</InputGroupAddon> </InputGroupText>
<Input type="text" placeholder="Username" /> </InputGroupAddon>
</InputGroup> <Input type="text" placeholder="Username" autoComplete="username" />
<InputGroup className="mb-3"> </InputGroup>
<InputGroupAddon addonType="prepend"> <InputGroup className="mb-3">
<InputGroupText>@</InputGroupText> <InputGroupAddon addonType="prepend">
</InputGroupAddon> <InputGroupText>@</InputGroupText>
<Input type="text" placeholder="Email" /> </InputGroupAddon>
</InputGroup> <Input type="text" placeholder="Email" autoComplete="email" />
<InputGroup className="mb-3"> </InputGroup>
<InputGroupAddon addonType="prepend"> <InputGroup className="mb-3">
<InputGroupText> <InputGroupAddon addonType="prepend">
<i className="icon-lock"></i> <InputGroupText>
</InputGroupText> <i className="icon-lock"></i>
</InputGroupAddon> </InputGroupText>
<Input type="password" placeholder="Password" /> </InputGroupAddon>
</InputGroup> <Input type="password" placeholder="Password" autoComplete="new-password" />
<InputGroup className="mb-4"> </InputGroup>
<InputGroupAddon addonType="prepend"> <InputGroup className="mb-4">
<InputGroupText> <InputGroupAddon addonType="prepend">
<i className="icon-lock"></i> <InputGroupText>
</InputGroupText> <i className="icon-lock"></i>
</InputGroupAddon> </InputGroupText>
<Input type="password" placeholder="Repeat password" /> </InputGroupAddon>
</InputGroup> <Input type="password" placeholder="Repeat password" autoComplete="new-password" />
<Button color="success" block>Create Account</Button> </InputGroup>
<Button color="success" block>Create Account</Button>
</Form>
</CardBody> </CardBody>
<CardFooter className="p-4"> <CardFooter className="p-4">
<Row> <Row>