8 July 2016

There are multiple ways to display text input field. You can use lable or not, you can do some validation with regular expression. Also you can show pretty inline form errors. For more information go to Material Design Lite: Text Field page.

Source code viewer
  1. <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
  2. <input type="text" name="NAME" id="ID" class="mdl-textfield__input" />
  3. <label class="mdl-textfield__label" for="ID">LABEL</label>
  4. </div>
Programming Language: HTML