You are here

17 June 2016

This snippet shows how to convert select tag to MDL (Material Design Lite). To achieve this you have to use text fields classes.

Source code viewer
  1. <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
  2. <select id="[ID]" name="[NAME]" class="mdl-textfield__input">
  3. <option value=""></option>
  4. <option value="1">browse-tutorials.com</option>
  5. <option value="2">smaily.com</option>
  6. </select>
  7. <label class="mdl-textfield__label" for="[ID]">[LABEL]</label>
  8. </div>
Programming Language: HTML