How to create registration form |with source code and CSS|HTML|php

---

how to create registration form

---

How to create registration form |with source code and CSS|HTML|php

---

REGISTRATION

Name
Address
City	junagadh rajkot manavadar keshod upleta bhavnagar surat valshad mumbai Mehsana Ahmedabad Gandhinagar
Pincode
Email
Mobile Number
Gender	Male     Female
User Name
Password
Confirm Password
login?

---

---

Registration.html ⬇

---

<div id="wrapper">
<div id="form">
<h2 style="color:#5B2E00">REGISTRATION</h2>
    <form action="" method="post" >
      <table width="100%" border="0" cellspacing="10" cellpadding="0">
        <tr>
        <td>Name</td>
          <td><input type="text" name="name" class="textbox" required="required"></td>
        </tr>
        <tr>
        <td>Address</td>
        <td><textarea name="address" class="textbox" cols="35" rows="3" required="required"></textarea></td>
        </tr>
        <tr>
        <td>City</td>
          <td><select name="city" class="textbox" required="required">
              <option>     </option>
                    <option>  junagadh   </option>
                    <option> rajkot    </option>
                    <option> manavadar    </option>
                    <option>  keshod  </option>
                    <option> upleta  </option>
                    <option>bhavnagar   </option>
                    <option>  surat   </option>
                    <option>  valshad   </option>
                    <option> mumbai    </option>
                    <option>Mehsana</option>
              <option>Ahmedabad</option>
              <option>Gandhinagar</option>
            </select></td>
        </tr>
         <tr>
        <td>Pincode</td>
          <td><input type="text" name="pincode" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Email</td>
          <td><input type="email" name="email" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Mobile Number</td>
          <td><input type="text" name="mobile" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Gender</td>
          <td><input type="radio" name="gender" value="male"  />Male<br />
             &nbsp;&nbsp;&nbsp; <input type="radio" name="gender" value="female"  />Female</td>
        </tr>
        <tr>
          <td>User Name</td>
          <td><input type="text" name="username" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td>Password</td>
          <td><input type="password" name="password" class="textbox" required="required"></td>
        </tr>
         <tr>
          <td>Confirm Password</td>
          <td><input type="password" name="confirmpassword" class="textbox" required="required"></td>
        </tr>
        <tr>
          <td colspan="2"><br /><br /><input type="submit" name="submit" class="button" value="registration" /></td>
        </tr>
        <tr>
          <td colspan="2"><br /><a href="#" class="link">login?</a><br /><br /></td>
        </tr>
      </table>
    </form>
  </div>
</div>
</body>

---

Style.css ⬇

---

body
{
margin : 0;
padding : 0;
background:#FFF2E6;
}
#wrapper
{

}


/* registration*/
#form
{
border:1px solid #FA5;
border-radius:10px;
box-shadow:2px 2px 2px 2px #FC9;
background:linear-gradient(#FFE6CC,#FFCA95,#FFCA95,#FFC58A);
margin:5% 20% 0% 20%;
text-align:center;
font-size:20px;
color:#7D3F00;
}
.button
{
padding:12px;
background:linear-gradient(#FFCF9F,#FFAE5E,#F93,#FF8000);
border-radius:10px;
border : 1.8px solid #CE6700;
font-size:20px;
color:#FFF2E6;


}
.button:hover
{
font-size:px;
color:white;
}
.textbox
{
background-color:#FFD9B3;
border-radius:10px;
border : 1.8px solid #CE6700;
color:#532900;
padding:5px;
font-size:20px;
width:170px;
height:30px;
}
.textbox:hover
{
box-shadow:0px 0px 2px 2px #F93;
}
.link
{
text-decoration:none;
color:#4A2500;

}

---