|
Article Home
Basics and Beyond -- Part One
If you've been on the Internet for a while, you've probably filled out a number of online forms. Forms are used to obtain information from your visitors right through your
website. Your visitors can input their information into your form, click on a "submit" button and their information will be directed to a location you specify.
If you're running a business on the Internet, using a form to process your customer's orders is an absolute must. I'm amazed at the number of websites that are still processing their customer's orders via snail mail. If you're not automating your ordering process, you're losing a significant amount of business every day.
Most Internet users won't take the time to print out an order form, place it in an envelope and send you their order -- their time is valuable. You must make the ordering process
as simple as possible. This includes setting up a form on your website to process their orders electronically.
Forms are used for all of the following:
• Order forms
• Email subscriptions
• Contest registrations
• Databases
• Autoresponders
• User identifications and passwords
• Feedback
This series will take you step by step through the entire process of setting up a form on your website including:
• Basic Form Tutorial
• Advanced Forms
• Form Tips and Tricks
Basic Form Tutorial
Your first step in creating a form will be to get a good form script. This script will reside on your server within your CGI-bin and will be used to process your form's information. You can find some great scripts here: http://cgi.resourceindex.com/Programs_and_Scripts/Perl/
To insert a form on your web page, we will begin with <FORM> and end with </FORM>. All of the FORM elements will be placed between the FORM tags.
In order for a form to function, it first needs to know how to send the information to the server. There are two methods, GET and POST.
METHOD="GET" - This method will append all of the information from a form on to the end of the URL being requested.
METHOD="POST" - This method will transmit all of the information from a form immediately after the requested URL. This is the preferred method.
In addition to a form needing to know how to send the information, it also needs to know where to send the information to be processed. The ACTION attribute will contain the URL to the form processing script or it may contain an email address.
Example Form:
The email form will simply process the information that is placed within your form and send it to your email address. A CGI script is not required.
Notice when the ACTION attribute references an email address, you don't have to include the METHOD attribute.
Form Element Attributes
Method - Determines which http method will be used to send the form's information to the web server.
Action - The URL of the form processing script that resides on the server. This script will process the form's information.
Enctype - Determines the method used to encode the form's information. This attribute may be left blank (default) unless you're using a file upload field.
Target - Specifies the target frame or window for the response page.
Form Element Properties
• Text boxes
• Hidden
• Password
• Checkbox
• Radio button
• Submit
• Image submit
• Reset
These properties are specified by using the TYPE attribute within the form's INPUT element.
INPUT
Input Attributes
TYPE - Type of input field
NAME - Variable name sent to the form processing script.
VALUE - Information associated with the variable name to be sent to the form processing script.
MAXLENGTH - Maximum number of characters that may be placed within an input area.
SIZE - The size of the input text area.
CHECKED - Default button or box selection.
TEXT BOXES
Text Box Attributes
TYPE - Text
SIZE - The size of the text box specified in characters.
NAME - Name of the variable to be processed by the form processing script.
VALUE - Will display a default value within the text box.
MAXLENGTH - Maximum number of characters that may be placed within the text box.
HIDDEN
Hidden Attributes
TYPE - Hidden
NAME - Name of the variable to be processed by the form processing script.
VALUE - The value of the hidden name expected by the form processing script.
PASSWORD
Check Box Attributes
TYPE - Checkbox
CHECKED - Specifies a default selection.
NAME - Name of the variable to be processed by the form processing script.
VALUE - The value of the selected check box.
In the next part of this series, we will finish the form element properties and move on to some more advanced form options. Make sure you don't miss this powerful series.
Copyright © Shelley Lowery
About the Author:
Shelley Lowery is the author of the acclaimed web design course, Web Design Mastery.
Website
design company
 |
|
123webguru Articles
Grab the attention of the visitors
Statistics revealed that a visitor stays in the website design for not more than 15 seconds. These 15 seconds are very crucial for the overall success ...
Ideal web development team structure
As the website development need is growing, So emerged are the web developers and web development companies. Even small/medium web development companies ...
Changing Web Host
Many website owners changes the host for the website design. There can be many reasons for that, like moving to better service provider, the website information ...
Negative effect of flash
Every website design uses flash in order to make the website design looking beautiful. Primarily flash animations are meant to grab the attention of the ...
How to grab visitors to your website
Some of the useful tips to retain the customers are mentioned below:
1) Get Connected:
Try to understand your client. Give them a sense of deep understanding. ...
Strategies to build your website
The first and foremost important thing that needs to be properly planned before developing the website is that one must know the purpose of making the ...
|
|
 |
|
 |
 |
|
Testimonials
"Did a good job, still working on minor details for the site. Should be ready Nov 17th updated on my website. CuteAndSingle.com" Joe
"Dear User I am a extremely picky and goal oriented person. Borderline perfectionist at times. I have never experienced the quality of work or the professionalism I have with Microsec Technologies and Sourav. I require the companies I work with to have the business knowledge and professionalism to see my vision and long term goals before working with them. Sourav has the inteligence and business savvy to do this. If you are looking for someone with amazing program ability a knowledge of e-commerce and business development look into using Microsec they are amazing." Jason Avenell
|
|
 |
|
