Register

<form action="#!">
  
  <div class="row">
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-user prefix"></i>
        <input id="input_fname" type="text" name="firstname">
        <label for="input_fname">First Name</label>
      </div>
    </div>
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-user prefix"></i>
        <input id="input_lname" type="text" name="lastname">
        <label for="input_lname">Last Name</label>
      </div>
    </div>
  </div>

  <div class="input-field">
    <i class="fa fa-envelope prefix"></i>
    <input id="input_email" type="email" name="email">
    <label for="input_email">Email</label>
  </div>

  <div class="input-field">
    <i class="fa fa-user prefix"></i>
    <input id="input_username" type="text" name="username">
    <label for="input_username">Username</label>
  </div>

  <div class="input-field">
    <i class="fa fa-unlock-alt prefix"></i>
    <input id="input_password" type="password" name="password">
    <label for="input_password">Password</label>
  </div>

  <select name="gender">
    <option value="" disabled selected>Gender</option>
    <option value="male">Male</option>
    <option value="female">Female</option>
    <option value="other">Other</option>
  </select>

  <p>
    <input type="checkbox" id="checkbox_terms" />
    <label for="checkbox_terms">I agree to the <a href="#">terms of use</a>.</label>
  </p>

  <button class="waves-effect btn">Register</button>

</form>