### Floating labels

Create beautifully simple form labels that float over your input fields.

Floating labels on Bootstrap

##### Example

Email address
Password

    <div class="form-floating mb-3">
      <input class="form-control" id="floatingInput" type="email" placeholder="name@example.com" />
      <label for="floatingInput">Email address</label>
    </div>
    <div class="form-floating">
      <input class="form-control" id="floatingPassword" type="password" placeholder="Password" />
      <label for="floatingPassword">Password</label>
    </div>

##### Form Validation

Valid input
Invalid input

    <div class="form-floating mb-3">
      <input class="form-control is-valid" id="floatingInputValid" type="email" placeholder="name@example.com" value="test@example.com" />
      <label for="floatingInputValid">Valid input</label>
    </div>
    <div class="form-floating">
      <input class="form-control is-invalid" id="floatingInputInvalid" type="email" placeholder="name@example.com" value="test@example.com" />
      <label for="floatingInputInvalid">Invalid input</label>
    </div>

##### Textarea

Comments

    <div class="form-floating">
      <textarea class="form-control" id="floatingTextarea2" placeholder="Leave a comment here" style="height: 100px"></textarea>
      <label for="floatingTextarea2">Comments</label>
    </div>

##### Selects

Works with selects

    <div class="form-floating">
      <select class="form-select" id="floatingSelect" aria-label="Floating label select example">
        <option selected="">Open this select menu</option>
        <option value="1">One</option>
        <option value="2">Two</option>
        <option value="3">Three</option>
      </select>
      <label for="floatingSelect">Works with selects</label>
    </div>

#### Register

Please create your free Falcon account

Name
Email address
Password
Confirm Password
I accept the terms and privacy policy

or register with
google
facebook

##### Settings

Set your own customized style

##### Color Scheme

Choose the perfect color mode for your app.

##### RTL Mode

Switch your language direction

RTL Documentation

##### Fluid Layout

Toggle container layout system

Fluid Documentation

##### Navigation Position

Select a suitable navigation system for your web application

##### Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

##### Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize