Floating labels

The label moves up when you type

Sign in

Email

Password

Code

<div class="form-floating">
  <input class="form-control" id="fl-a" name="fl-a" type="email" placeholder=" " autocomplete="email"><label for="fl-a">Email</label>
</div>
<div class="form-floating">
  <input class="form-control" id="fl-b" name="fl-b" type="password" placeholder=" " autocomplete="current-password"><label for="fl-b">Password</label>
</div>