11import React , { Component } from 'react' ;
2- import { Button , Card , CardBody , CardGroup , Col , Container , Input , InputGroup , InputGroupAddon , InputGroupText , Row } from 'reactstrap' ;
2+ import { Button , Card , CardBody , CardGroup , Col , Container , Form , Input , InputGroup , InputGroupAddon , InputGroupText , Row } from 'reactstrap' ;
33
44class Login extends Component {
55 render ( ) {
@@ -11,32 +11,34 @@ class Login extends Component {
1111 < CardGroup >
1212 < Card className = "p-4" >
1313 < CardBody >
14- < h1 > Login</ h1 >
15- < p className = "text-muted" > Sign In to your account</ p >
16- < InputGroup className = "mb-3" >
17- < InputGroupAddon addonType = "prepend" >
18- < InputGroupText >
19- < i className = "icon-user" > </ i >
20- </ InputGroupText >
21- </ InputGroupAddon >
22- < Input type = "text" placeholder = "Username" />
23- </ InputGroup >
24- < InputGroup className = "mb-4" >
25- < InputGroupAddon addonType = "prepend" >
26- < InputGroupText >
27- < i className = "icon-lock" > </ i >
28- </ InputGroupText >
29- </ InputGroupAddon >
30- < Input type = "password" placeholder = "Password" />
31- </ InputGroup >
32- < Row >
33- < Col xs = "6" >
34- < Button color = "primary" className = "px-4" > Login</ Button >
35- </ Col >
36- < Col xs = "6" className = "text-right" >
37- < Button color = "link" className = "px-0" > Forgot password?</ Button >
38- </ Col >
39- </ Row >
14+ < Form >
15+ < h1 > Login</ h1 >
16+ < p className = "text-muted" > Sign In to your account</ p >
17+ < InputGroup className = "mb-3" >
18+ < InputGroupAddon addonType = "prepend" >
19+ < InputGroupText >
20+ < i className = "icon-user" > </ i >
21+ </ InputGroupText >
22+ </ InputGroupAddon >
23+ < Input type = "text" placeholder = "Username" autoComplete = "username" />
24+ </ InputGroup >
25+ < InputGroup className = "mb-4" >
26+ < InputGroupAddon addonType = "prepend" >
27+ < InputGroupText >
28+ < i className = "icon-lock" > </ i >
29+ </ InputGroupText >
30+ </ InputGroupAddon >
31+ < Input type = "password" placeholder = "Password" autoComplete = "current-password" />
32+ </ InputGroup >
33+ < Row >
34+ < Col xs = "6" >
35+ < Button color = "primary" className = "px-4" > Login</ Button >
36+ </ Col >
37+ < Col xs = "6" className = "text-right" >
38+ < Button color = "link" className = "px-0" > Forgot password?</ Button >
39+ </ Col >
40+ </ Row >
41+ </ Form >
4042 </ CardBody >
4143 </ Card >
4244 < Card className = "text-white bg-primary py-5 d-md-down-none" style = { { width : 44 + '%' } } >
0 commit comments