How to create simple registration form in html

=> open ur text editer :-

=> And save it as registrationform.html and write below code:-

<html>
<body>
<table border="0" width="1000" bgcolor="skyblue" align="center">
<tr>
<td valign="top" width="50%">
<h2>General details</h2>
<table width="100%">
<tr>
<td width="70%"><b>Company Name</b><br />
<input type="text" size="55"><td>
<td><b>Categories</b><br/>
<select width="10">
<option>Automobile</option>
<option>Computer</option>
<option>Civil</option>
<option>Electrical</option>
<option>Mechanical</option>
</select>
</td>
</tr>
</table><br/>
<table>
<tr>
<td><b>Title</b><br />
<select>
<option>Mr.</option>
<option>Mrs.</option>
<option>Miss.</option>
</select>
</td>
<td><b>Full Name</b><br />
<input type="text" size="27">
</td>
<td><b>Your Image</b><font size="1">GIF Only-size<150kb</font><br/>
<input type="file" size="18">
</td>
<tr>
</table>
<br />
<b>Company Banner</b>-OPTIONAL-<font size="1">size421*118px-GIP only-Max Size 150kb</font><br />
<input type="file" size="64"><br /><br />
<b>Company Description</b><br/>
<textarea rows="10" cols="59" noresize="yes"></textarea><br/><br />
<b>Service</b>-OPTIONAL<br/>
<textarea rows="8" cols="59" noresize="yes"></textarea><br/><br />
<p align="right"><b>We provide wide rang of payment and features option.</b><br/>
After registration of your comapny,we will call you within 48 hours.</p>
</td>
<td valign="top">
<h2>Other Details</h2>
<b>Company Address</b>
<textarea rows="5" cols="61" noresize="yes"></textarea>
<br /><br />
<table width="100%">
<tr>
<td width="50%"><b>State</b><br />
<select>
<option selected>State<option>
<option>Andhra Pradesh<option>
<option>Arunachal Pradesh<option>
<option>Gujarat<option>
<option>Rajastham<option>
</select><br /><br/>
</td>
<td width="50%"><b>City</b><br />
<select>
<option selected>city<option>
<option>Ahemedabad<option>
<option>Rajkot<option>
<option>Surat<option>
<option>Valsad<option>
<option>Vadodara<option>
</select><br /><br />
</td>
</tr>
<tr>
<td><b>LandLine Phone</b><br/>
<input type="text" size="35"><br /><br />
</td>
<td><b>Cell Phone</b><br/>
<input type="text" size="38"><br /><br />
</td>
</tr>
<tr>
<td><b>Fax Number</b><br/>
<input type="text" size="35"><br /><br />
</td>
<td><b>SMS Phone Number</b><br/>
<input type="text" size="38"><br /><br />
</td>
</tr>
<tr>
<td><b>Email</b><br/>
<input type="text" size="35"><br /><br />
</td>
<td><b>Company Website</b><br/>
<input type="text" size="38"><br /><br />
</td>
</tr>
</table>
<b>Main Products</b>-OPTIONAL<font size="1">-GIP only-Max Size 150kb/file</font>
<table width="100%">
<tr>
<td width="50%">
<input type="file" size="25"></td>
<td width="50%">
<input type="file" size="22"></td>
</tr>
<tr>
<td width="50%">
<input type="file" size="25"></td>
<td width="50%">
<input type="file" size="22"></td>
</tr>
<tr>
<td width="50%">
<input type="file" size="25"></td>
<td width="50%">
<input type="file" size="22"></td>
</tr>
</table>
<b>Rewrite</b><br/>
<input type="text" size="80"><br/><br />
<input type="submit" value="Submit My Detail">
</td>
</tr>
</table>
</body>
</html>

=>then run on ur browser.

=>if u download source code then click on below link :-

Download Source Code

Comments

Post a Comment

Popular posts from this blog

How to create simple biodata form in html

=> open ur text editer :- => And save it as bidata.html and write below code:- <html> <body> <table width="800" border="0" align="center" cellpadding="5"> <tr> <td colspan="2">Basic Info<hr/></td> </tr> <tr> <td width="50%" align="right">Full Name:</td> <td>ABC H. XYZ</td> </tr> <tr> <td align="right">Father's Name:</td> <td>HIJ K. XYZ</td> </tr> <tr> <td align="right">Age:</td> <td>22 Years</td> </tr> <tr> <td align="right">Date of Birth:</td> <td>15<sup>th</sup> March</td> </tr> <tr> <td align="right">Religion:</td> <td>PATEL</td...
Read more

How to use Height and Width property in HTML using CSS

  => open ur text editer :- => And save it as propert_height_width.html and write below code:- <html> <head> <style type="text/css"> p{ border: 1px solid #a1a1a1; width: 100%; height: 150px; overflow-x: hidden; overflow-y: scroll; } </style> </head> <body> <p> HTML, by default,is not so attractive... ...This paragraph has fixed height of 150px, width wise there are no issues. But, when content in paragraph increases, it "overflows" out of the  tag. In such cases, to maintain width, scroll bars  are used. <br /><br /> HTML, by default,is not so attractive... ...This paragraph has fixed height of 150px, width wise there are no issues. But, when content in paragraph increases, it "overflows" out of the  tag. In such cases, to maintain width, scroll bars  are used. <br /><br /> HTML, by default,is n...
Read more

How to use cursor property in HTML using CSS

=> open ur text editer :- => And save it as propert_cursor.html and write below code:-   <html> <head> <style type="text/css"> body{ cursor:  w-resize; } </style> </head> <body> <h1>Hello!</h1> <b>let`s have a look at css..</b> <p>HTML by default,is not so attractive.CSS helps in "beautification" of HTMl.  How about learning some CSS magic?CSS stands for Cascading Style Sheet. This file will help you sharpen your CSS skills.</p> </body> </html> =>then run on ur browser. =>if u download source code then click on below link :- Download Source Code
Read more