<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
meta
http-equiv
=
"X-UA-Compatible"
content
=
"IE=edge"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1.0"
>
<
link
rel
=
"stylesheet"
href
=
<
title
>Document</
title
>
</
head
>
<
body
>
<
h1
style
=
"color:green"
>GeeksforGeeks</
h1
>
<
h2
>Primer CSS Checkbox</
h2
>
<
form
>
<
label
for
=
""
>Choose your Favourite Color:</
label
>
<
div
class
=
"radio-group"
style
=
"margin: 1em;"
>
<
input
class
=
"radio-input"
id
=
"color1"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"color1"
>
Red
</
label
>
<
input
class
=
"radio-input"
id
=
"color2"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"color2"
>
Blue
</
label
>
<
input
class
=
"radio-input"
id
=
"color3"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"color3"
>
Yellow
</
label
>
<
input
class
=
"radio-input"
id
=
"color4"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"color4"
>
Green
</
label
>
</
div
>
<
br
>
<
label
for
=
""
>Choose your favourite
Programming Language:</
label
>
<
div
class
=
"radio-group"
style
=
"margin: 1em;"
>
<
input
class
=
"radio-input"
id
=
"lang1"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"lang1"
>
Java
</
label
>
<
input
class
=
"radio-input"
id
=
"lang2"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"lang2"
>
C++
</
label
>
<
input
class
=
"radio-input"
id
=
"lang3"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"lang3"
>
Python
</
label
>
<
input
class
=
"radio-input"
id
=
"lang4"
type
=
"radio"
name
=
"options"
>
<
label
class
=
"radio-label"
for
=
"lang4"
>
C
</
label
>
</
div
>
</
form
>
</
body
>
</
html
>