Saturday 21 March 2015

HTML Signup Form Example

HTML Signup Form Example


<html>
<head>
<title>Html Forms</title>
</head>
<body>
           <form>
             <p><h1>Create an account</h1></p>
             <p>
First name &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:- <input type="text" size="30" name="firstname"><br><br>
Last name &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:- <input type="text"  size="30" name="lastname">
</p>
<p>
User name &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:-<input type="text"  size="30" name="Username">
</p>
<p>
Create Password &nbsp&nbsp&nbsp:- <input type="password"  size="30" name="password">
<p>
Re-enter Password :- <input type="password"  size="30" name="password">
</p>
<p>
Country/Region &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:-
<select >
<option  size="30" value="United States">United States</option>
<option value="India">India</option>
<option value="United Kingdom">United Kingdom</option>
<option value="Vietnam">Vietnam</option>
</select>
</P>
<p>
Zip code &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:- <input  size="30" type="text" name="Zipcode">
<p>
Birthdate &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:-
<select >
<option value="Month">Month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>
<select>
<option value="Day">Day</option>
<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>
<option value="Year">Year</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
</select>
</p>
<p>
Gender &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:-
<input type="radio" name="gender" value="Male">Male
<input type="radio" name="gender" value="Female">Female
<input type="radio" name="gender" value="Not specified">Not specified
</p>
<br>
<br>
<br>
<p><h3>Help us protect your info</h3><h3>your phone number helps us keep your account secure</h3></p>
<p>
Country code&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:-
<select>
<option value="United States(+1)">United States(+1)</option>
<option value="India(+91)">India(+91)</option>
<option value="United Kingdom(+44)">United Kingdom(+44)</option>
<option value="Vietnam(+84)">Vietnam(+91)</option>
</select>
<p>
Phone number &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp:-<input type="text" size="22" name="phonenumber">
</p>
<p>
Alternate email address :-<input type="text"  size="22"name="alternate email address">
</p>
<br>
<p>
<input type="checkbox" name="" value="">Send me promotional offers
</p>
<p>Click <b>Reset account</b> to refill your details</p>
<p>
<input type="reset" value="Reset account">
</p>
<p>Click <b>Create account</b> to agree to services agreement and privacy cookies statement</p>
<p>
<input type="submit" value="Create account">
</p>
</form>

</body>
</html>

No comments:

Post a Comment