Create Feedback Forms



Earn Money
Per Click!





Color Schemer



Web Page Templates

Dynamic Drive

Javascript Source

Javascript City

Javascript Kit



Java Applets

The Html Help Guide

Feedback Forms

Feedback forms are an excellent way to collect information from your web site visitors. Much better than simply adding an email link to your page. With a form you can specify exactly what information you need provided. We will go over basic elements of a form and how to put them all together.

Form Action
The form action specifies where and how the form data will be sent. Here is a form action provided by FormLog a free form forwarding service. (I'll discuss FormLog in detail later)

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

Text Box
The text box is where information such as a name, email address, url, or whatever can be inserted. The size= command determines the length of the text box. Whatever you put in the name= command will appear in your form response and identifies what you specified to be entered into this text box.

<input type="text" size="40" name="">

will create this  

Radio Buttons
These let you ask a "multiple choice" question where only one answer can be selected. This is best explained with an example.

What type of music do you prefer?
Country     Pop     Rock     Other

How this was done.

<input type="radio" name="musictype" value="Country">Country&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="musictype" value="Pop">Pop&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="musictype" value="Rock">Rock&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="musictype" value="Other">Other

Again, whatever's in the name= command will appear in your form response and identifies what this question was. Also by placing the same name in each radio button you will allow only one button to be selected. The value= will appear in the form response as the selected answer.

Here's how this would appear in the form response if the Country radio button was selected.

musictype= Country

List Box
The list box is a nice space saving element that works much like the radio buttons. Example using the same question.

What type of music do you prefer?  

How this was made.

What type of music do you prefer?&nbsp;&nbsp;
<select name="musictype">
<option selected>Choose One

Text Area
This is a larger text box where your visitor can type comments or questions.

How this was made.

<textarea name="Comments" rows="8" cols="40"></textarea>

Whatever is placed in the name= command will appear in the form response to identify the text area. The rows= sets the height of the box and the cols= sets the width.

Submit and Reset buttons.
These buttons will either send the form data or clear everything entered.

    <input type="submit" value="Send">

    <input type="reset" value="Reset">

The value= command specifies the text on the button.

This will all become much easier to understand once we put it all together. Below is a simple feedback form.

Your Name

Email Address

Web Site URL

Did you enjoy my web site?    Yes     No

How did you find this web site?  

Any Comments or Questions?


How this form was made.

<form action="" method="POST">
Your Name<br>
<input type="text" size="40" name="name">
Email Address<br>
<input type="text" size="40" name="email">
Web Site URL<br>
<input type="text" size="40" name="url">
Did you enjoy my web site?&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="enjoysite" value="yes">Yes&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="enjoysite" value="no">No
How did you find this web site?&nbsp;&nbsp;
<select name="findsite">
<option selected>Choose One
<option>Search Engine
<option>Banner Ad
<option>Links Page
Any Comments or Questions?<br>
<textarea name="comments" rows="8" cols="40"></textarea>
<input type="submit" value="Send">&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="Reset">

This is what you would receive in your email if someone (like myself) submitted this form.

name= Rick Wise
enjoysite= yes
findsite= Links Page
comments= This is where whatever was typed into the text area would appear.

Now that you know how to put a form together let's move on to the next page and learn more about the free FormLog service and how to set it up.


Join the Html Help Guide mailing list
Enter your email address.
Subscribe    Unsubscribe