Sign Up

Please fill in this form to create an account.

---

Email Password Repeat Password Remember me

By creating an account you agree to our Terms & Privacy.

Cancel Sign Up

Step 2) Add CSS: Example * {box-sizing: border-box} /* Full-width input fields */ input[type=text], input[type=password] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus, input[type=password]:focus { background-color: #ddd; outline: none; } hr { border: 1px solid #f1f1f1; margin-bottom: 25px; } /* Set a style for all buttons */ button { background-color: #4CAF50; color: white; padding: 14px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9; } button:hover { opacity:1; } /* Extra styles for the cancel button */ .cancelbtn { padding: 14px 20px; background-color: #f44336; } /* Float cancel and signup buttons and add an equal width */ .cancelbtn, .signupbtn { float: left; width: 50%; } /* Add padding to container elements */ .container { padding: 16px; } /* Clear floats */ .clearfix::after { content: ""; clear: both; display: table; } /* Change styles for cancel button and signup button on extra small screens */ @media screen and (max-width: 300px) { .cancelbtn, .signupbtn { width: 100%; } } How To Create a Modal Sign Up Form Step 1) Add HTML: Use a

element to process the input. You can learn more about this in our PHP tutorial. Then add inputs (with a matching label) for each field: Example Sign Up

times;

Sign Up

Please fill in this form to create an account.

---

Email Password Repeat Password Remember me

By creating an account you agree to our Terms & Privacy.

Cancel Sign Up

Nafiz Iqbal=admin Md Al Zabir=Author