Create Feedback Forms

HTML



 WHAT'S NEW 
 HTML FORUM 
 SITE MAP 
 REQUEST HELP 
 TRADE LINKS 
 FREE LINKS PAGE 






WEBMASTERS
Earn Money
Per Click!




SmallDot.com


BraveNet


TrafficSwarm


Submit9000


CodeBrain


Color Schemer


FlashBanger


SourceGuardian


123TurnKey.com


Web Page Templates


Dynamic Drive


Javascript Source


Javascript City


Javascript Kit


JavaPowered


FreewareJava


Home
General
HTML
Java Applets
Javascript
Wizards
Contact


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="http://www.formlog.com/cgi-bin/formuk.cgi" 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
<option>Country
<option>Pop
<option>Rock
<option>Other
</select>

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="http://www.formlog.com/cgi-bin/formuk.cgi" method="POST">
Your Name<br>
<input type="text" size="40" name="name">
<br><br>
Email Address<br>
<input type="text" size="40" name="email">
<br><br>
Web Site URL<br>
<input type="text" size="40" name="url">
<br><br>
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
<br><br>
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
<option>Other
</select>
<br><br>
Any Comments or Questions?<br>
<textarea name="comments" rows="8" cols="40"></textarea>
<br><br>
<input type="submit" value="Send">&nbsp;&nbsp;&nbsp;&nbsp;<input type="reset" value="Reset">
</form>


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

name= Rick Wise
email= needhelp@softhome.net
url= http://htmlhelp.web1000.com
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.



NEXT PAGE




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