### 題目
Bootstrap 提供 Floating labels (浮動標籤) 的樣式設定，讓使用者點入輸入框時，label 會浮動在輸入框上方。

請觀看 Bootstrap [Floating labels](https://getbootstrap.com/docs/5.3/forms/floating-labels/) 的設定方式，完成以下練習：讓表單具有 Floating labels 的效果。

HTML

<div class="container py-3">
  <div class="... mb-3">
    <input type="text" class="..." id="..." placeholder="姓名">
    <label for="...">姓名</label>
  </div>
  <div class="... mb-3">
    <input type="email" class="..." id="..." placeholder="Email">
    <label for="...">Email</label>
  </div>
  <div class="... mb-3">
    <input type="text" class="..." id="..." placeholder="聯絡電話">
    <label for="...">聯絡電話</label>
  </div>
  <div class="...">
    <textarea class="..." placeholder="Leave a comment here" id="..." style="height: 100px"></textarea>
    <label for="...">Comments</label>
  </div>
</div>

> 需透過 Codepen 繳交 （載入 [Bootstrap CDN](https://getbootstrap.com/docs/5.3/getting-started/introduction/#cdn-links)）

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：
https://codepen.io/hexschool/pen/jOQgyrq
-->

回報區
---

|#| Discord | CodePen / 答案 |
|:-:|:-----------------:|:--------------------------------------------------------------------:|
|01|kuanju27|[Codepen](https://codepen.io/Eero-Chiao/pen/vYvLvoa)|
|02|Yu|[Codepen](https://codepen.io/yuch3n_chen/pen/PoXZXMV?editors=1100)|
| 03 | bf_tsai | [Codepen](https://codepen.io/BF-Tsai/pen/vYvLbBa) |
| 04 | ryan_chou | [Codepen](https://codepen.io/csw8524/pen/NWexoKQ) |
| 05 | santu0868 | [Codepen](https://codepen.io/HatsumiSan/pen/JjwGxjr) |
| 06 | Berlin | [Codepen](https://codepen.io/3qberlin/pen/JjwGxdO) |
| 07 | shcopy | [Codepen](https://codepen.io/shcopy/pen/yLGeZYO) |
| 08 | 銀光菇 | [Codepen](https://codepen.io/genesynthesis/pen/dywGaGK) |
| 09 | ann6212 | [Codepen](https://codepen.io/yqmegupa-the-styleful/pen/BavjMKg) |
| 10 | Tami | [Codepen](https://codepen.io/wqsdqbjn-the-vuer/pen/qBLbgRo) |
|11|pinyi_9|[Codepen](https://codepen.io/Wpypy/pen/LYMGxrp)|
| 12 | meowmeow | [Codepen](https://codepen.io/snow1224/pen/YzdwBOM) |
| 13 | townyuan | [Codepen](https://codepen.io/townyuan/pen/vYvLbeb) |
| 14 | hao2485 | [Codepen](https://codepen.io/Seanfeb16/pen/PoXZLKb) |
| 15 | AYA | [Codepen](https://codepen.io/NoNameNote/pen/mdaVoBE) |
| 16 | Vic_Liou | [Codepen](https://codepen.io/allenliou-java/pen/RwErdja) |
| 17 | SmallP | [Codepen](https://codepen.io/smallp/pen/rNoxPzz) |
| 18 | jacky7035 | [Codepen](https://codepen.io/adens123/pen/QWzyojg) |
| 19 | yunhsinnnnnnn | [Codepen](https://codepen.io/yun___hsin/pen/BavjEGv?editors=1010) |
| 20 | hannahTW | [Codepen](https://codepen.io/hangineer/pen/dywGLaJ) |
| 21 | Moreene |[CodePen](https://codepen.io/Moreene/pen/dywGEvj)|
| 22 | Kimi | [Codepen](https://codepen.io/kimihu91/pen/GRPoagw) |
| 23 | m_m | [Codepen](https://codepen.io/minnn7716/pen/oNJbrrx) |
| 24 | ming0712 | [Codepen](https://codepen.io/StevenHuang/pen/wvRMLRP) |
| 25 | hebin. | [Codepen](https://codepen.io/landyhsiao776/pen/yLGOLMK)|
| 26 | lychee_kk | [Codepen](https://codepen.io/kakakala/pen/RwEawEo) |
| 27 | markchen_ | [Codepen](https://codepen.io/Mark-JJchen/pen/NWeNPdL?editors=1000) |
| 28 | yu.t_liu | [Codepen](https://codepen.io/YuT200053/pen/rNoeVvG) |
| 29 | Amelia | [Codepen](https://codepen.io/Amelia-chin/pen/XWodMEb?editors=1000) |
| 30 | Rochel#4754 | [Codepen](https://codepen.io/rochelwang1205/pen/WNLrpyq) |
| 31 | ovo.yun | [Codepen](https://codepen.io/yun-the-scripter/pen/gOZrRXM) |
| 32 | .icesam | [Codepen](https://codepen.io/icesam/pen/ZEVWyMq) |
| 33 | Ann Chou | [Codepen](https://codepen.io/annchou_illu/pen/RwEajXo) |
| 34 | adele6199 | [Codepen](https://codepen.io/codepen-io-winnie/pen/xxmVJOy?editors=1000) |
| 35 | orias_000 | [Codepen](https://codepen.io/qoq77416416/pen/QWzNoGp?editors=1010) |
| 36 | soniawu | [Codepen](https://codepen.io/YUJOU/pen/ExGymjy?editors=1100) |
| 37 | runweiting | [Codepen](https://codepen.io/weiting14/pen/poqbdye) |
| 38 | Renee Wang | [Codepen](https://codepen.io/Renee-Wang-2022/pen/dywpRVw) |
| 39 | Tina02 | [Codepen](https://codepen.io/chjitlox-the-bashful/pen/rNoMGGO) |
| 40 | 小夏 | [Codepen](https://codepen.io/michaelhsia/pen/WNLRwjy) |
| 41 | RX00#5351 | [Codepen](https://codepen.io/llqzknqv-the-styleful/pen/MWZJqov) |
| 42 | Long | [Codepen](https://codepen.io/Loonng/pen/qBLrmVB?editors=1010) |
| 43 | wind | [Codepen](https://codepen.io/wind7y/pen/rNomVqP) |
| 44 | 歐陽龍龍#1061 | [Codepen](https://codepen.io/dizzydog-rgb/pen/YzdVBPM) |
| 45 | yuan2781 | [Codepen](https://codepen.io/ismebir/pen/ExGwLJg) |
| 46 | tanuki5863 | [Codepen](https://codepen.io/tanuki320/pen/eYbVVBw) |
| 47 | patrickpie| [Codepen](https://codepen.io/patrickpie/pen/jOXzood?editors=1100) |

<!-- 快速複製

| 00 | user | [Codepen]() |

-->