■ はじめに
https://mdbootstrap.com/components/forms/で、左(フリー版)・右(有料版?)とサンプルが載っており、 フローティングラベル は、右側にあったので、 色々と別の方法を探ってたら、以下のフリーサンプルの「SMALL」ボタンを押したら フローティングラベル が実装されていた。https://mdbootstrap.com/previews/free-templates/admin/dashboard.html
■ フローティングラベル
<div class="md-form"> <input type="text" id="form1" class="form-control"> <label for="form1">Enter your name</label> </div>
公式サイト
https://mdbootstrap.com/legacy/4.3.2/?page=components/forms原因
Waves.init = function(options) { var body = document.body; options = options || {}; // ... 略 ... // body が nullだったのでエラーになっていた body.addEventListener('mousedown', showEffect, false); };参考文献
https://mdbootstrap.com/support/js-loading-issue/
https://github.com/mdbootstrap/bootstrap-material-design/issues/31
https://github.com/mdbootstrap/bootstrap-material-design/issues/49
より抜粋 I marked this as a bug and added to our TODO list
関連記事
MDB
Material Design for Bootstrap 4 ~ 入門編 ~https://blogs.yahoo.co.jp/dk521123/37632575.html
Material Design for Bootstrap 4 ~ テンプレートについて ~
https://blogs.yahoo.co.jp/dk521123/37670853.html
フローティングラベル
フローティングラベル(placeholder が動いてラベルになる)https://blogs.yahoo.co.jp/dk521123/37672476.html
Bootstrap 4 ~ Form 編 ~
https://blogs.yahoo.co.jp/dk521123/36103698.html