Skip to content

Commit 1010c5b

Browse files
xidedixxidedix
committed
refactor: add some autocomplete attributes to forms input
1 parent cc70b1c commit 1010c5b

File tree

1 file changed

+16
-16
lines changed

1 file changed

+16
-16
lines changed

‎src/views/Base/Forms/Forms.js

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@ class Forms extends Component {
181181
<Label htmlFor="email-input">Email Input</Label>
182182
</Col>
183183
<Col xs="12" md="9">
184-
<Input type="email" id="email-input" name="email-input" placeholder="Enter Email" />
184+
<Input type="email" id="email-input" name="email-input" placeholder="Enter Email" autoComplete="email"/>
185185
<FormText className="help-block">Please enter your email</FormText>
186186
</Col>
187187
</FormGroup>
@@ -190,7 +190,7 @@ class Forms extends Component {
190190
<Label htmlFor="password-input">Password</Label>
191191
</Col>
192192
<Col xs="12" md="9">
193-
<Input type="password" id="password-input" name="password-input" placeholder="Password" />
193+
<Input type="password" id="password-input" name="password-input" placeholder="Password" autoComplete="new-password" />
194194
<FormText className="help-block">Please enter a complex password</FormText>
195195
</Col>
196196
</FormGroup>
@@ -265,7 +265,7 @@ class Forms extends Component {
265265
<Label htmlFor="disabledSelect">Disabled Select</Label>
266266
</Col>
267267
<Col xs="12" md="9">
268-
<Input type="select" name="disabledSelect" id="disabledSelect" disabled>
268+
<Input type="select" name="disabledSelect" id="disabledSelect" disabled autoComplete="name">
269269
<option value="0">Please select</option>
270270
<option value="1">Option #1</option>
271271
<option value="2">Option #2</option>
@@ -434,7 +434,7 @@ class Forms extends Component {
434434
<Label htmlFor="hf-email">Email</Label>
435435
</Col>
436436
<Col xs="12" md="9">
437-
<Input type="email" id="hf-email" name="hf-email" placeholder="Enter Email..." />
437+
<Input type="email" id="hf-email" name="hf-email" placeholder="Enter Email..." autoComplete="email" />
438438
<FormText className="help-block">Please enter your email</FormText>
439439
</Col>
440440
</FormGroup>
@@ -443,7 +443,7 @@ class Forms extends Component {
443443
<Label htmlFor="hf-password">Password</Label>
444444
</Col>
445445
<Col xs="12" md="9">
446-
<Input type="password" id="hf-password" name="hf-password" placeholder="Enter Password..." />
446+
<Input type="password" id="hf-password" name="hf-password" placeholder="Enter Password..." autoComplete="current-password"/>
447447
<FormText className="help-block">Please enter your password</FormText>
448448
</Col>
449449
</FormGroup>
@@ -462,12 +462,12 @@ class Forms extends Component {
462462
<Form action="" method="post">
463463
<FormGroup>
464464
<Label htmlFor="nf-email">Email</Label>
465-
<Input type="email" id="nf-email" name="nf-email" placeholder="Enter Email.." />
465+
<Input type="email" id="nf-email" name="nf-email" placeholder="Enter Email.." autoComplete="email"/>
466466
<FormText className="help-block">Please enter your email</FormText>
467467
</FormGroup>
468468
<FormGroup>
469469
<Label htmlFor="nf-password">Password</Label>
470-
<Input type="password" id="nf-password" name="nf-password" placeholder="Enter Password.." />
470+
<Input type="password" id="nf-password" name="nf-password" placeholder="Enter Password.." autoComplete="current-password"/>
471471
<FormText className="help-block">Please enter your password</FormText>
472472
</FormGroup>
473473
</Form>
@@ -947,7 +947,7 @@ class Forms extends Component {
947947
<InputGroupAddon addonType="prepend">
948948
<InputGroupText>Username</InputGroupText>
949949
</InputGroupAddon>
950-
<Input type="text" id="username3" name="username3" />
950+
<Input type="email" id="username3" name="username3" autoComplete="name"/>
951951
<InputGroupAddon addonType="append">
952952
<InputGroupText><i className="fa fa-user"></i></InputGroupText>
953953
</InputGroupAddon>
@@ -958,7 +958,7 @@ class Forms extends Component {
958958
<InputGroupAddon addonType="prepend">
959959
<InputGroupText>Email</InputGroupText>
960960
</InputGroupAddon>
961-
<Input type="email" id="email3" name="email3" />
961+
<Input type="email" id="email3" name="email3" autoComplete="username"/>
962962
<InputGroupAddon addonType="append">
963963
<InputGroupText><i className="fa fa-envelope"></i></InputGroupText>
964964
</InputGroupAddon>
@@ -969,7 +969,7 @@ class Forms extends Component {
969969
<InputGroupAddon addonType="prepend">
970970
<InputGroupText>Password</InputGroupText>
971971
</InputGroupAddon>
972-
<Input type="password" id="password3" name="password3" />
972+
<Input type="password" id="password3" name="password3" autoComplete="current-password"/>
973973
<InputGroupAddon addonType="append">
974974
<InputGroupText><i className="fa fa-asterisk"></i></InputGroupText>
975975
</InputGroupAddon>
@@ -991,23 +991,23 @@ class Forms extends Component {
991991
<Form action="" method="post">
992992
<FormGroup>
993993
<InputGroup>
994-
<Input type="text" id="username2" name="username2" placeholder="Username" />
994+
<Input type="text" id="username2" name="username2" placeholder="Username" autoComplete="name"/>
995995
<InputGroupAddon addonType="append">
996996
<InputGroupText><i className="fa fa-user"></i></InputGroupText>
997997
</InputGroupAddon>
998998
</InputGroup>
999999
</FormGroup>
10001000
<FormGroup>
10011001
<InputGroup>
1002-
<Input type="email" id="email2" name="email2" placeholder="Email" />
1002+
<Input type="email" id="email2" name="email2" placeholder="Email" autoComplete="username"/>
10031003
<InputGroupAddon addonType="append">
10041004
<InputGroupText><i className="fa fa-envelope"></i></InputGroupText>
10051005
</InputGroupAddon>
10061006
</InputGroup>
10071007
</FormGroup>
10081008
<FormGroup>
10091009
<InputGroup>
1010-
<Input type="password" id="password2" name="password2" placeholder="Password" />
1010+
<Input type="password" id="password2" name="password2" placeholder="Password" autoComplete="current-password"/>
10111011
<InputGroupAddon addonType="append">
10121012
<InputGroupText><i className="fa fa-asterisk"></i></InputGroupText>
10131013
</InputGroupAddon>
@@ -1032,23 +1032,23 @@ class Forms extends Component {
10321032
<InputGroupAddon addonType="prepend">
10331033
<InputGroupText><i className="fa fa-user"></i></InputGroupText>
10341034
</InputGroupAddon>
1035-
<Input type="text" id="username" name="username" placeholder="Username" />
1035+
<Input type="text" id="username1" name="username1" placeholder="Username" autoComplete="name"/>
10361036
</InputGroup>
10371037
</FormGroup>
10381038
<FormGroup>
10391039
<InputGroup>
10401040
<InputGroupAddon addonType="prepend">
10411041
<InputGroupText><i className="fa fa-envelope"></i></InputGroupText>
10421042
</InputGroupAddon>
1043-
<Input type="email" id="email" name="email" placeholder="Email" />
1043+
<Input type="email" id="email1" name="email1" placeholder="Email" autoComplete="username"/>
10441044
</InputGroup>
10451045
</FormGroup>
10461046
<FormGroup>
10471047
<InputGroup>
10481048
<InputGroupAddon addonType="prepend">
10491049
<InputGroupText><i className="fa fa-asterisk"></i></InputGroupText>
10501050
</InputGroupAddon>
1051-
<Input type="password" id="password" name="password" placeholder="Password" />
1051+
<Input type="password" id="password1" name="password1" placeholder="Password" autoComplete="current-password"/>
10521052
</InputGroup>
10531053
</FormGroup>
10541054
<FormGroup className="form-actions">

0 commit comments

Comments
 (0)