<!DOCTYPE html>
<
html
>
<
head
>
<
title
>SPECTRE CSS Forms Class</
title
>
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
center
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
strong
>SPECTRE Forms Form disabled styles Class</
strong
>
<
br
><
br
>
</
center
>
<
form
>
<
div
class
=
"input-group"
>
<
div
class
=
"input-group"
>
<
span
class
=
"input-group-addon "
>
Username
</
span
>
<
input
type
=
"text"
class
=
"form-input is-success"
placeholder
=
"Username"
value
=
"Mastermind@Pubg"
>
</
div
>
<
span
class
=
"input-group-addon"
>
Password
</
span
>
<
input
type
=
"text"
class
=
"form-input is-error"
placeholder
=
"Password"
value
=
"********"
>
</
div
>
<
br
>
<
div
class
=
"input-group col-12"
>
<
span
class
=
"input-group-addon"
>
Email Id
</
span
>
<
input
type
=
"text col-6"
class
=
"form-input is-success"
placeholder
=
"Email Id"
value
=
"mastermind@gmail.com"
disabled >
<
button
class="btn btn-success
input-group-btn
col-3">
LogIn
</
button
>
</
div
>
<
label
class
=
"form-checkbox"
>
<
input
type
=
"checkbox"
disabled >
<
i
class
=
"form-icon"
></
i
>
I agree that the content of the course
will not be used for any bad purpose
</
label
>
<
p
>
<
span
class
=
"text-error"
>Incorrect Password</
span
>
Password hint:
<
span
class
=
"form-input-hint"
>
Your First School Friend
</
span
>
</
p
>
</
form
>
</
body
>
</
html
>