Software Development

Bootstrap 5 Floating labels Selects

Bootstrap 5 Floating labels Selects
Written by admin


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Appropriate" 

          content material="IE=edge">

    <meta title="viewport" 

          content material="width=device-width, initial-scale=1.0">

    <hyperlink rel="stylesheet" 

          href=

</head>

  

<physique 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 

            Choose Ingredient

        </h5>

        <div class="form-floating">

            <choose id="gfg" class="form-select" disabled>

                <choice worth="null" chosen>Choose a Automobile</choice>

                <choice worth="google">Dezire</choice>

                <choice worth="apple">Ertiga</choice>

                <choice worth="microsoft">Scorpio</choice>

                <choice worth="meta">Brezza</choice>

            </choose>

            <label for="gfg">Floating label for 

                disabled choose

            </label>

        </div>

    </div>

</physique>

</html>

About the author

admin

Leave a Comment