<!DOCTYPE html>
<
html
>
<
head
>
<
title
> Primer CSS Form Groups </
title
>
<
link
rel
=
"stylesheet"
href
=
</
head
>
<
body
>
<
div
class
=
"text-center"
>
<
h1
class
=
"color-fg-success"
> GeeksforGeeks </
h1
>
<
h3
> Primer CSS Form Groups </
h3
>
<
form
>
<
div
class
=
"form-group"
>
<
div
class
=
"form-group-header"
>
<
label
for
=
"address"
> Address: </
label
>
</
div
>
<
div
class
=
"form-group-body ml-6 mr-6"
>
<
textarea
class
=
"form-control"
id
=
"address"
></
textarea
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
div
class
=
"form-group-header"
>
<
label
for
=
"firstname"
> Choices: </
label
>
</
div
>
<
div
class
=
"form-group-body"
>
<
label
class
=
"c-field c-field--choice"
>
<
input
type
=
"checkbox"
name
=
"opt"
>
GFG 1
</
label
>
<
label
class
=
"c-field c-field--choice"
>
<
input
type
=
"checkbox"
name
=
"opt"
>
GFG 2
</
label
>
<
label
class
=
"c-field c-field--choice"
>
<
input
type
=
"checkbox"
name
=
"opt"
>
GFG 3
</
label
>
</
div
>
</
div
>
<
div
class
=
"form-group"
>
<
div
class
=
"form-group-header"
>
<
label
for
=
"drop"
> Choose any: </
label
>
</
div
>
<
div
class
=
"form-group-body"
>
<
select
class
=
"form-select"
id
=
"drop"
>
<
option
> Choose any </
option
>
<
option
> C++ </
option
>
<
option
> Java </
option
>
<
option
> Python </
option
>
</
select
>
</
div
>
</
div
>
</
form
>
</
div
>
</
body
>
</
html
>