Adding Web Form to Your Website

 Previous Topic  Next Topic

This is a topic for an entire book; have no doubt that I am covering only the very basics here.

 

Instead of hand-coding your form, I recommend using a form generator program or service.

 

The best service I could find on the Internet is definitely WUFOO. It is really easy to use, simple and very powerful. The first 3 forms are free (up to a certain number of sign ups). I invite you to check it out; here's a quick tour.

 

Important: If you decide to use WUFOO, please remember to do this on "Form Manager":

 

1. Click "Notifications".

2. Enter the target email address under "Your Inbox" (that's the email address the mailing list/autoresponder will be set up to download new mail from).

3. Click "Customize Notification Email".

4. Mark "Send Emails in Plain Text" and click "Done".

 

This will make your forms go out in unformatted text (WUFOO sends in HTML by default).

 

I am not in any way affiliated with the service but if you have any questions, I'll do my best to answer them. Read this tutorial to learn how to integrate FollowUpExpert with a form.

 

Standalone Form

 

A standalone web form starts and ends with the same tags that any HTML page begins with. Below you may see the basic HTML:

 

<html> 

       <head>

               <title>Your title</title>

       </head>

       <body> 

               <form action="Submission action" method="POST"> 

                       HTML for the text, radio buttons, etc. 
               </form> 

       </body>

</html>

 

Replace Your title with the title you want to give to the page displaying the form. To learn what to replace Submission action with, read this section: Submission Action. To find out what you can put between the “FORM” tags, see Input Fields.

 

 

Adding a Form to an Existing Page

 

To add a form to an existing web page, you can use nearly identical HTML code to the one shown in the previous section. The only difference is that you only include the “FORM” opening and closing tag and what is between them.

 

Example:

 

<form action="Submission action" method="POST"> 

       HTML for the text, radio buttons, etc. 
</form>

 

Otherwise, the rules are the same.

 



   Continue reading...