<div class="md-form">
    <input type="text" id="input-example" class="form-control" placeholder="Placeholder">
    <label for="input-example">Input</label>

Input Normal

Based on the version from MDB:


No additional actions, aside from the markup, are needed to use this component.


  • MDB framework defines that the input element comes prior to the label element
  • It’s best practice to have an input element accompanied with a label element which are connected via the for attribute on the label element and the corresponding id on the input element