1st Step: Creating contact form with HTML editor

 Top  Previous  Next

We've used Dreamweaver to create the form and we've got the following form and auto-generated HTML code:

_img82

HTML Code of the Form Page:

 

<html>

<head>

<title>My Contact Form</title>

</head>

<body>

<h3>My Contact Form</h3>

<p>* - required fields</p>

<form name="form1" method="post" action="">

<table width="300" border="0">

  <tr>

    <td><div align="right">* Full Name:</div></td>

    <td><input type="text" name="name"></td>

  </tr>

  <tr>

    <td><div align="right">* Email:</div></td>

    <td><input type="text" name="email"></td>

  </tr>

  <tr>

    <td><div align="right">Phone:</div></td>

    <td><input type="text" name="phone"></td>

  </tr>

  <tr>

    <td><div align="right">* Subject</div></td>

    <td><input type="text" name="subject"></td>

  </tr>

  <tr>

    <td valign="top"><div align="right">Comment:</div></td>

    <td><textarea name="comment" rows="5"></textarea></td>

  </tr>

  <tr>

    <td valign="top">&nbsp;</td>

    <td><input type="submit" name="Submit" value="Submit">

      <input type="reset" name="Reset" value="Reset"></td>

  </tr>

</table>

</form>

</body>

</html>