打給後!今天是鐵人賽的第22唷!各位過得如何呀!接下來是國慶連假的開始喔!別忘了放假之餘也要寫寫文章喔!不要忘了呀!
今天要說的是floating labels，在form-floating中包一對input class=form-control和label元素，用以在Bootstrap的文字表單區段啟用浮動標籤。每一個input都需要一個placeholder。另外也要注意input必須放在最前面，如果已經有value了，則label會自動調整浮動位置。

floating labels

floating labels

<div class="form-floating mb-3">
    <input class="form-control" placeholder="Address">
    <label for="floatingInput">Address</label>
</div>
<div class="form-floating">
    <input class="form-control" placeholder="Password">
    <label for="floatingPassword">Password</label>
</div>

預設有value的情況下

<form class="form-floating">
    <input type="email" class="form-control" id="floatingInputValue" placeholder="example" value="123">
    <label for="floatingInputValue">預設輸入自動調整浮動位置</label>
</form>

今天鐵人賽就這樣結束囉!讓我們迎接美好的國慶連假!但是別忘了明天也要發文喔!byebye