<!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
href
=
rel
=
"stylesheet"
>
<
script
src
=
</
script
>
</
head
>
<
body
>
<
div
class
=
"container text-center "
>
<
div
class
=
"mt-1"
>
<
h1
class
=
"text-success"
>GeeksforGeeks</
h1
>
<
h5
>Bootstrap 5 Input group Custom select</
h5
>
</
div
>
<
div
class
=
"input-group p-3"
>
<
label
class
=
"input-group-text text-bg-secondary"
for
=
"inputGroupSelect01"
>
Select
</
label
>
<
select
class
=
"form-select"
id
=
"inputGroupSelect01"
>
<
option
selected>Select the Sports</
option
>
<
option
value
=
"1"
>Cricket</
option
>
<
option
value
=
"2"
>football</
option
>
<
option
value
=
"3"
>Basketball</
option
>
<
option
value
=
"4"
>Badminton</
option
>
</
select
>
</
div
>
<
div
class
=
"input-group p-3"
>
<
select
class
=
"form-select"
id
=
"inputGroupSelect01"
>
<
option
selected>Select a Book</
option
>
<
option
value
=
"1"
>Physics</
option
>
<
option
value
=
"2"
>Biology</
option
>
<
option
value
=
"3"
>Chemistry</
option
>
<
option
value
=
"4"
>Mathematics</
option
>
</
select
>
<
label
class
=
"input-group-text text-bg-info"
for
=
"inputGroupSelect01"
>
Select
</
label
>
</
div
>
</
div
>
</
body
>
</
html
>