<!DOCTYPE html>
<
html
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
integrity
=
"sha384-nn4HPE8lTHyVtfCBi5yW9d20FjT8BJwUXyWZT9InLYax14RDjBj46LmSztkmNP9w"
crossorigin
=
"anonymous"
/>
</
head
>
<
body
>
<
h1
class
=
"is-size-2 has-text-success"
>GeeksforGeeks</
h1
>
<
b
class
=
"is-size-4"
>Pure CSS Stacked form </
b
>
<
br
/>
<
form
class
=
"pure-form pure-form-stacked"
>
<
fieldset
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"first-name"
>Enter your First Name</
label
>
<
input
type
=
"text"
id
=
"first-name"
placeholder
=
"First name"
/>
<
span
class
=
"pure-form-message-inline"
>
*This is a Required field.
</
span
>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"last-name"
>Enter your Last Name</
label
>
<
input
type
=
"text"
id
=
"last-name"
placeholder
=
"Last name"
/>
<
span
class
=
"pure-form-message-inline"
>
*This is a Required field.
</
span
>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"email"
> Enter your email id</
label
>
<
input
type
=
"email"
id
=
"email"
placeholder
=
"Email id"
/>
</
div
>
<
div
class
=
"pure-control-group"
>
<
label
for
=
"mob"
> Enter your Mobile no.</
label
>
<
input
type
=
"number"
id
=
"mob"
placeholder
=
"Mobile no."
/>
</
div
>
<
div
class
=
"pure-controls"
>
<
button
type
=
"submit"
class
=
"pure-button pure-button-primary"
>
Register
</
button
>
</
div
>
</
fieldset
>
</
form
>
</
body
>
</
html
>