<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>