<!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
=
<
script
src
=
</
script
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container"
>
<
div
class
=
"my-4"
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
strong
>
Bootstrap 5 Input group Checkboxes and Radios
</
strong
>
</
div
>
<
div
class
=
"input-group"
>
<
div
class
=
"input-group-text"
>
<
input
class
=
"form-check-input"
type
=
"radio"
value
=
""
>
</
div
>
<
input
type
=
"text"
class
=
"form-control"
placeholder
=
"Input with left radio with no label"
/>
</
div
>
<
div
class
=
"input-group mt-3"
>
<
div
class
=
"input-group-text"
>
<
input
class
=
"form-check-input"
id
=
"rad1"
type
=
"radio"
value
=
""
>
<
label
for
=
"rad1"
class
=
"d-block mx-2"
>
Accept Privacy Policy?
</
label
>
</
div
>
<
input
type
=
"text"
class
=
"form-control"
placeholder
=
"Input with left radio and label"
/>
</
div
>
<
div
class
=
"input-group mt-3"
>
<
input
type
=
"text"
class
=
"form-control"
placeholder
=
"Input with right radio and label"
/>
<
div
class
=
"input-group-text"
>
<
label
for
=
"rad1"
class
=
"d-block mx-2"
>
Accept Privacy Policy?
</
label
>
<
input
class
=
"form-check-input"
id
=
"rad1"
type
=
"radio"
value
=
""
>
</
div
>
</
div
>
<
div
class
=
"input-group mt-3"
>
<
div
class
=
"input-group-text"
>
<
input
class
=
"form-check-input"
type
=
"radio"
value
=
""
>
</
div
>
<
input
type
=
"text"
class
=
"form-control"
placeholder
=
"Input with left and right radio"
/>
<
div
class
=
"input-group-text"
>
<
input
class
=
"form-check-input"
type
=
"radio"
value
=
""
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>