Online Support Centre

Using HTML forms

Amongst the most popular features of the World Wide Web are on-line forms. These give your web site more user interactivity, by letting the people visiting your site fill in a form that will be sent to you in e-mail format. This process can be achieved using a CGI (Common Gateway Interface) script called FormMail, which is located on our server. Webspace customers can use this service free of charge.

The Feedback form shown above will allow users to enter their details within various sections of the form, then send the contents of the form to you. The contents of the form will be sent to your e-mail address. Below you will see the actual HTML code that is used to generate the form.

FORM HTML

<form method="post" action="http://www.users.madasafish.com/cgi-bin/FormMail.pl" name="MyForm">

<input type="hidden" name="recipient" value="YOUR EMAIL ADDRESS" />
<input type="hidden" name="sort" value="order:FirstName,Surname,emailaddress,Comments" />

<center>

<table border="0" width="64%" bgcolor="#c0c0c0">
<tr>
  <td width="41%" align="center"><strong>First Name</strong></td>
  <td width="59%" align="center"><input type="text" name="FirstName" size="24" /></td>
</tr>
<tr>
  <td width="41%" align="center"><strong>Surname</strong></td>
  <td width="59%" align="center"><input type="text" name="Surname" size="24" /></td>
</tr>
<tr>
  <td width="41%" align="center"><strong>E-mail Address</strong></td>
  <td width="59%" align="center"><input type="text" name="emailaddress" size="24" /></td>
</tr>
<tr>
  <td width="41%" align="center"><strong>Comments on my webpage</strong></td>
  <td width="59%" align="center"><textarea rows="3" cols="24" name="Comments"></textarea></td>
</tr>
<tr>
  <td width="41%" align="center"><input type="submit" value="Send Form" name="SendForm" /></td>
  <td width="59%" align="center"><input type="reset" value="Clear Form" name="ClearForm" /></td>
</tr>
</table>

</center>

</form>

If you want to add a feedback form to your website

1. Highlight all the HTML code listed above.
2. Click Edit and Copy.
3. Click Start, Programs, Accessories then Notepad or open TextEdit on Mac OS X (Note: SimpleText will not save the file in HTML format).
4. Select Edit and Paste.
5. Find the line; and replace the e-mail address held in the value= section with your own Madasafish e-mail address. Example: value=jbloggs@madasafish.com
6. Click File and Save As, then within the File Name box enter in the name you want to call the file and follow it by .htm Also make sure that the Save as type is set to All files. If using TextEdit on Mac OS X, click Format then Make Plain Text before saving. Example: feedback.htm
7. Click Save.
8. Upload the page to your website using an FTP package.

Has this page helped you solve your problem? Your feedback helps us to improve the help we provide.

Rate this page :

Please note: We cannot reply to individual feedback through Rate My Page. If you need more help with a problem please use Contact Us.

People who read this article also found these useful:

Common HTML form errors

Advanced HTML forms