Registration form- basic HTML

      No Comments on Registration form- basic HTML

Registration form- are basic element in any website of modern world. A simple Registration form is built using basic inputs in HTML.



My Form


Registration form





/
/

Male:
Female:



Try it yourself-Registration form

<html>
<head>
<title>
My Registration form
</title>
</head>
<body>
<form method="post" action="login.php">
  <fieldset>Register</fieldset>
  <label for="username">Username:</label>
  <input type="text" placeholder="Enter username" name="username">
<br><br>
<label for="password">Password</label>
<input type="password" placeholder="Password" name="password">
<br>
<br>
<label for="email">Email:</label>
<input type="email" placeholder="Enter email" name="email">
<br><br>
<label for="dob">Date-of-birth</label><br>

<select name="date">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
      <option value="13">13</option>
      <option value="14">14</option>
      <option value="15">15</option>
      <option value="16">16</option>
      <option value="17">17</option>
      <option value="18">18</option>
      <option value="19">19</option>
      <option value="20">20</option>
      <option value="21">21</option>
      <option value="22">22</option>
      <option value="23">23</option>
      <option value="24">24</option>
      <option value="25">25</option>
      <option value="26">26</option>
      <option value="27">27</option>
      <option value="28">28</option>
      <option value="29">29</option>
      <option value="30">30</option>
      <option value="31">31</option>
    </select>-
<select name="month">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
</select>-
   <select name="year">
      <option value="1990">1990</option>
      <option value="1991">1991</option>
      <option value="1992">1992</option>
      <option value="1993">1993</option>
      <option value="1994">1994</option>
      <option value="1995">1995</option>
      <option value="1996">1996</option>
      <option value="1997">1997</option>
      <option value="1998">1998</option>
      <option value="1999">1999</option>
      <option value="2000">2000</option>
      <option value="2001">2001</option>
      <option value="2002">2002</option>
      <option value="2003">2003</option>
      <option value="2004">2004</option>
      <option value="2005">2005</option>
      <option value="2006">2006</option>
      <option value="2007">2007</option>
      <option value="2008">2008</option>
      <option value="2009">2009</option>
      <option value="2010">2010</option>
      <option value="2011">2011</option>
      <option value="2012">2012</option>
      <option value="2013">2013</option>
      <option value="2014">2014</option>
      <option value="2015">2015</option>
      <option value="2016">2016</option>
      <option value="2017">2017</option>
    </select>
<br><br>
<label for="gender">Gender:</label>
Male:<input type="radio" name="gender" value="Male">
Female:<input type="radio" name="gender" value="Female">
<br><Br>
<label for="address">Address:</label>
<input type="address" name="address" placeholder="address">
<br><Br>
<label for="contact">Contact:</label>
<input type="tel" placeholder="contact" name="contact">
<br><br>
<input type="submit" value="Submit">
</form >



Leave a Reply

Your email address will not be published. Required fields are marked *