<!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
>
<
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-success"
for
=
"inputGroupSelect01"
>Select</
label
>
<
select
class
=
"form-select"
id
=
"inputGroupSelect01"
>
<
option
selected>Select the Course</
option
>
<
option
value
=
"1"
>Btech</
option
>
<
option
value
=
"2"
>MBBS</
option
>
<
option
value
=
"3"
>MBA</
option
>
<
option
value
=
"4"
>BSC</
option
>
</
select
>
</
div
>
<
div
class
=
"input-group p-3"
>
<
select
class
=
"form-select"
id
=
"inputGroupSelect01"
>
<
option
selected>Select a Car</
option
>
<
option
value
=
"1"
>Audi</
option
>
<
option
value
=
"2"
>Alto 800</
option
>
<
option
value
=
"3"
>Swift</
option
>
<
option
value
=
"4"
>Xuv-700</
option
>
</
select
>
<
label
class
=
"input-group-text text-bg-success"
for
=
"inputGroupSelect01"
>
Select
</
label
>
</
div
>
</
div
>
</
body
>
</
html
>