Materialize Css Registration form in Popup

Materialize Css Registration form in Popup– We can use materialize form elements in modal to create registration form. Here in this article we are going to explain how you can create Registration form in modal. You can use our online editor to edit and run the code online.

Materialize Css Registration form in Popup Example

Here is a simple registration form which contains the basic fields for registration.

<!-- Modal Button -->
  <a class="waves-effect waves-light btn modal-trigger" href="#modal1">Open Regiister Modal</a>

  <!-- Modal Body -->
  <div id="modal1" class="modal">
    <div class="modal-content">
      <h4>Register</h4>
	 <div class="col s6">
		
     </div>
    </div>
    <div class="modal-footer">
      <a href="#!" class="modal-action modal-close waves-effect waves-green btn-flat">Close</a>
    </div>
  </div> 

Output of above example-

For Modals Tutorials – Materialize Css Modal
For Form Elements Tutorials – Materialize Css Form