<!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
=
</
head
>
<
body
class
=
"text-center m-4"
>
<
div
class
=
"container"
>
<
div
>
<
h3
class
=
"text-success"
>
GeeksforGeeks
</
h3
>
<
h4
>Bootstrap 5 Floating labels Selects
</
h4
>
</
div
>
<
h5
class
=
"m-3"
>Floating label with Disabled
Select Element
</
h5
>
<
div
class
=
"form-floating"
>
<
select
id
=
"gfg"
class
=
"form-select"
disabled>
<
option
value
=
"null"
selected>Select a Car</
option
>
<
option
value
=
"google"
>Dezire</
option
>
<
option
value
=
"apple"
>Ertiga</
option
>
<
option
value
=
"microsoft"
>Scorpio</
option
>
<
option
value
=
"meta"
>Brezza</
option
>
</
select
>
<
label
for
=
"gfg"
>Floating label for
disabled select
</
label
>
</
div
>
</
div
>
</
body
>
</
html
>