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

12
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,6 +10,7 @@ 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">
<Form>
<h1>Register</h1> <h1>Register</h1>
<p className="text-muted">Create your account</p> <p className="text-muted">Create your account</p>
<InputGroup className="mb-3"> <InputGroup className="mb-3">
@ -18,13 +19,13 @@ class Register extends Component {
<i className="icon-user"></i> <i className="icon-user"></i>
</InputGroupText> </InputGroupText>
</InputGroupAddon> </InputGroupAddon>
<Input type="text" placeholder="Username" /> <Input type="text" placeholder="Username" autoComplete="username" />
</InputGroup> </InputGroup>
<InputGroup className="mb-3"> <InputGroup className="mb-3">
<InputGroupAddon addonType="prepend"> <InputGroupAddon addonType="prepend">
<InputGroupText>@</InputGroupText> <InputGroupText>@</InputGroupText>
</InputGroupAddon> </InputGroupAddon>
<Input type="text" placeholder="Email" /> <Input type="text" placeholder="Email" autoComplete="email" />
</InputGroup> </InputGroup>
<InputGroup className="mb-3"> <InputGroup className="mb-3">
<InputGroupAddon addonType="prepend"> <InputGroupAddon addonType="prepend">
@ -32,7 +33,7 @@ class Register extends Component {
<i className="icon-lock"></i> <i className="icon-lock"></i>
</InputGroupText> </InputGroupText>
</InputGroupAddon> </InputGroupAddon>
<Input type="password" placeholder="Password" /> <Input type="password" placeholder="Password" autoComplete="new-password" />
</InputGroup> </InputGroup>
<InputGroup className="mb-4"> <InputGroup className="mb-4">
<InputGroupAddon addonType="prepend"> <InputGroupAddon addonType="prepend">
@ -40,9 +41,10 @@ class Register extends Component {
<i className="icon-lock"></i> <i className="icon-lock"></i>
</InputGroupText> </InputGroupText>
</InputGroupAddon> </InputGroupAddon>
<Input type="password" placeholder="Repeat password" /> <Input type="password" placeholder="Repeat password" autoComplete="new-password" />
</InputGroup> </InputGroup>
<Button color="success" block>Create Account</Button> <Button color="success" block>Create Account</Button>
</Form>
</CardBody> </CardBody>
<CardFooter className="p-4"> <CardFooter className="p-4">
<Row> <Row>