Tuesday 23 July 2013

How to make an HTML form

One of the most useful pages of any website is the HTML contact form page. No website should be without a contact or feedback form. 

example:-

<form name="htmlform" method="post" action="html_form_send.php">
<table width="450px">
</tr>
<tr>
 <td valign="top">
  <label for="first_name">First Name *</label>
 </td>
 <td valign="top">
  <input  type="text" name="first_name" maxlength="50" size="30">
 </td>
</tr>

<tr>
 <td valign="top"">
  <label for="last_name">Password *</label>
 </td>
 <td valign="top">
  <input  type="password" name="last_name" maxlength="50" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="email">Email Address *</label>
 </td>
 <td valign="top">
  <input  type="email" name="email" maxlength="80" size="30">
 </td>

</tr>
<tr>
 <td valign="top">
  <label for="telephone">Telephone Number</label>
 </td>
 <td valign="top">
  <input  type="text" name="telephone" maxlength="30" size="30">
 </td>
</tr>
<tr>
 <td valign="top">
  <label for="telephone">Gender</label>
 </td>
 <td valign="top"><input type="radio" name="sex" value="male">Male<input type="radio" name="sex" value="female">Female</td>
</tr>
<tr>
 <td valign="top">
  <label for="telephone">Hobbies</label>
 </td>
 <td valign="top"><input type="checkbox" name="vehicle" value="Bike">music<input type="checkbox" name="vehicle" value="Car">cricket </td>
</tr>
<tr>
 <td valign="top">
  <label for="comments">Comments *</label>
 </td>
 <td valign="top">
  <textarea  name="comments" maxlength="1000" cols="25" rows="6"></textarea>
 </td>

</tr>
<tr>
 <td valign="top">
  <label for="comments">Attached Resume *</label>
 </td>
 <td valign="top"><input type="file"></td>

</tr>
<tr>
 <td colspan="2" style="text-align:center">
  <input type="submit" value="Submit"> <input name="Reset" type="reset" value="Reset">
 </td>
</tr>
</table>
</form>


No comments:

Post a Comment