【CSS】 フローティングラベル（placeholder が動いてラベルになる）

  ■ はじめに

　フローティングラベル（placeholder が動いてラベルになる）が興味あったので
色々と調べてみた

  ■ 独自実装

https://coliss.com/articles/build-websites/operation/css/css-only-floating-label.html

を参考に実装。

  サンプル

 * 以下の関連記事を参照のこと。

https://blogs.yahoo.co.jp/dk521123/36103698.html

  ■ プラグイン

  Floating Form Labels

 * jQuery プラグイン

公式サイト
https://github.com/Baedda/floating-form-labels
https://codepen.io/jChris85/pen/jrZypv (デモ)

  ■ Material Design for Bootstrap 4

 * 以下の関連記事を参照のこと。

https://blogs.yahoo.co.jp/dk521123/37674556.html

  参考文献

https://www.seleqt.net/programming/floating-form-label-plugins/

  関連記事

  Bootstrap 4 ～ Form 編 ～

https://blogs.yahoo.co.jp/dk521123/36103698.html

  Material Design for Bootstrap 4 ～ フローティングラベル ～

https://blogs.yahoo.co.jp/dk521123/37674556.html