[css][Material Design Lite]TEXT FIELDS

Material Design LiteのTEXT FIELDSを読みながら簡単なinputを作ってみた。

<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
    <input class="mdl-textfield__input" type="text" id="hoge" name="hoge">
    <label class="mdl-textfield__label" for="hoge">テスト</label>
    <span class="mdl-textfield__error"></span>
  </div>

普通に問題なく表示されました。