Casual Articles
#1 in Business Subscribe Email Print

You are here: Home > Internet and Businesses Online > Web Design > HTML Forms -- Back to the Basics and Beyond -- Part Two -- Advanced Forms

Tags

  • subscribers
  • displayedimage
  • elementtextareaspecifies
  • textarea attributesname
  • select attributesname

  • Links

  • A Special Wedding Invitation for Your Wedding Planner
  • Painting Philosophy of Peruvian Artist
  • A Guide to Direct Mail Fulfillment
  • Casual Articles - HTML Forms -- Back to the Basics and Beyond -- Part Two -- Advanced Forms

    How To Build Up Your Subscribers List Online To Get People To Your Exhibitions
    It is more than likely that you will be holding an exhibition in the coming months and will therefore be keen to build up your mailing list. So how can you build up your subscribers list online to help increase the number of visitors to your exhibition stand? How can you use your company’s website to capture people and keep them?We know how important it has become to have a good content, rich of relevant text and information for search engines to consider listing your site. The content is also very important to keep the visitors browsing your site and end up buying your products or services.To not only capture and keep visitors on your website, you will also want to have a subscription area on your website pages. Try and keep the subscribers box in the same place on each page so that you offer the website visitor some consistency. Also
    :< BR >
    < TEXTAREA wrap="virtual" name="Comments" rows=3
    cols=20 maxlength=100 >
    < /TEXTAREA >< BR >
    < INPUT type="Submit" VALUE="Submit" >
    < INPUT type="Reset" VALUE="Clear" >
    < /FORM >

    Textarea Attributes

    NAME - Name of the variable to be processed by the form processing script.
    COLS - The number of columns within the text area.
    ROWS - The number of rows within the text area.
    WRAP - Specifies the text wrap. The default setting is off.
    The WRAP can be set to "VIRTUAL" or "PHYSICAL" and will wrap the text as the user types.

    Tip: In order to properly format your form, you may want to place it within a table.

    Here is a basic email form set up within a table:

    < FORM action="mailto:you@yourdomain.com" >
    < TABLE BORDER="0" CELLPADDING="2" >
    < TR >

    A Common Small Business Problem - Bad Checks
    Is it worth taking personal checks from customers? Many business struggle with this question because of returned checks. The answer to this question is “yes.” Businesses should accept checks from customers as this is still a preferred way for many customers to pay.There is another reason for accepting checks from customers. Of all the checks a business accepts, the national average for returned checks is VERY low (only 1-2% of all accepted checks will be returned). Most of these checks will be returned as NSF (non sufficient funds) and can be quickly and easily recovered by a check recovery service. A good check collection service can often recover most NSF checks (close to 90% of them) within a period of one to three months.Most business owners outsource bad check collection because there are collection services that offer free
    In part one of this series we focused on setting up a basic form on your website. We discussed the Form Element Attributes and began the Form Element Properties. In part two of this series, we will continue with the Form Element Properties and move on to some more advanced form options.

    If you missed part one, you can find it here: http://www.web-source.net/html_forms1.htm

    In part one of this series, we went over Text boxes, Hidden, Password and the Checkbox Form Element Properties. We will now continue with the remaining properties.

    RADIO BUTTON

    < INPUT type="radio" >

    Enables the user to select multiple options.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < INPUT type="RADIO" name="selection1" > Selection 1
    < INPUT type="RADIO" name="selection2" > Selection 2
    < INPUT type="RADIO" name="selection3" > Selection 3
    < INPUT type="Submit" value="Submit" >
    < /FORM >

    Radio Button Attributes

    TYPE - Radio
    CHECKED - Specifies a default selection.
    NAME - Name of the variable to be processed by the form processing script.
    VALUE - The value of the selected radio button.

    SUBMIT

    < INPUT type="submit" >

    Enables users to submit the form information to the form processing script.

    < INPUT type="SUBMIT" value="Submit" >

    Submit Attributes

    TYPE - Submit
    NAME - Name of the variable to be processed by the form processing script.
    VALUE - Specifies the text to be displayed on the submit button.

    IMAGE SUBMIT BUTTON

    < INPUT type="image" SRC="url" >

    Enables users to submit the form information to the form processing script. Instead of the regular submit button, an image submit button will be displayed.

    < INPUT type="image" name="submit" SRC="image.gif" >

    Image Submit Attributes

    TYPE - Image
    NAME - Name of the variable to be processed by the form processing script.
    SRC - Image URL.

    RESET

    < INPUT type="reset" >

    Enables users to clear a form if necessary.

    < INPUT type="RESET" value="Reset" >

    Reset Submit Attributes

    TYPE - Reset
    VALUE - Specifies the text to be displayed on the reset button.

    SELECT

    < select >< /select >

    Surrounds the code for a selection drop down menu.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT SIZE="5" >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" value="Submit" >
    < /FORM >

    Select Attributes

    NAME - Name of the variable to be processed by the form processing script.
    SIZE - Specifies the number of visible selections.
    MULTIPLE - Enables users to select multiple selections.

    OPTION

    < option >

    Used with the SELECT element to display the options.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" VALUE="Submit" >
    < /FORM >

    Option Attributes

    SELECTED - Specifies a default selection. VALUE - Specifies the value of the variable in the select element.

    TEXTAREA

    < textarea >< /textarea >

    Specifies an open text area.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    Enter Your Comments:< BR >
    < TEXTAREA wrap="virtual" name="Comments" rows=3
    cols=20 maxlength=100 >
    < /TEXTAREA >< BR >
    < INPUT type="Submit" VALUE="Submit" >
    < INPUT type="Reset" VALUE="Clear" >
    < /FORM >

    Textarea Attributes

    NAME - Name of the variable to be processed by the form processing script.
    COLS - The number of columns within the text area.
    ROWS - The number of rows within the text area.
    WRAP - Specifies the text wrap. The default setting is off.
    The WRAP can be set to "VIRTUAL" or "PHYSICAL" and will wrap the text as the user types.

    Tip: In order to properly format your form, you may want to place it within a table.

    Here is a basic email form set up within a table:

    < FORM action="mailto:you@yourdomain.com" >
    < TABLE BORDER="0" CELLPADDING="2" >
    < TR >

    Improve Your Selling Skills And Close More Deals!
    In my 16 years experience of promoting and selling timeshare on the Costa del Sol, the last 7 of which have been dedicated to the recruitment and training of direct sales professionals for several Resort Marketers around the world, it has always amazed me how difficult everyone makes it!The sales process can be as easy, or as hard as you want it to be!The only hard part about selling is learning how to make it easy.Having written several in-house sales training manuals over the years, I've decided to share some of my simple sales techniques and people skills here with you. The first and most important thing you need to take on board is that sales isn’t about how good your product is, or how big and well established your company is, or the special offer you have just for today. It’s all about the person in front of you, T
    DIO" name="selection3" > Selection 3
    < INPUT type="Submit" value="Submit" >
    < /FORM >

    Radio Button Attributes

    TYPE - Radio
    CHECKED - Specifies a default selection.
    NAME - Name of the variable to be processed by the form processing script.
    VALUE - The value of the selected radio button.

    SUBMIT

    < INPUT type="submit" >

    Enables users to submit the form information to the form processing script.

    < INPUT type="SUBMIT" value="Submit" >

    Submit Attributes

    TYPE - Submit
    NAME - Name of the variable to be processed by the form processing script.
    VALUE - Specifies the text to be displayed on the submit button.

    IMAGE SUBMIT BUTTON

    < INPUT type="image" SRC="url" >

    Enables users to submit the form information to the form processing script. Instead of the regular submit button, an image submit button will be displayed.

    < INPUT type="image" name="submit" SRC="image.gif" >

    Image Submit Attributes

    TYPE - Image
    NAME - Name of the variable to be processed by the form processing script.
    SRC - Image URL.

    RESET

    < INPUT type="reset" >

    Enables users to clear a form if necessary.

    < INPUT type="RESET" value="Reset" >

    Reset Submit Attributes

    TYPE - Reset
    VALUE - Specifies the text to be displayed on the reset button.

    SELECT

    < select >< /select >

    Surrounds the code for a selection drop down menu.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT SIZE="5" >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" value="Submit" >
    < /FORM >

    Select Attributes

    NAME - Name of the variable to be processed by the form processing script.
    SIZE - Specifies the number of visible selections.
    MULTIPLE - Enables users to select multiple selections.

    OPTION

    < option >

    Used with the SELECT element to display the options.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" VALUE="Submit" >
    < /FORM >

    Option Attributes

    SELECTED - Specifies a default selection. VALUE - Specifies the value of the variable in the select element.

    TEXTAREA

    < textarea >< /textarea >

    Specifies an open text area.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    Enter Your Comments:< BR >
    < TEXTAREA wrap="virtual" name="Comments" rows=3
    cols=20 maxlength=100 >
    < /TEXTAREA >< BR >
    < INPUT type="Submit" VALUE="Submit" >
    < INPUT type="Reset" VALUE="Clear" >
    < /FORM >

    Textarea Attributes

    NAME - Name of the variable to be processed by the form processing script.
    COLS - The number of columns within the text area.
    ROWS - The number of rows within the text area.
    WRAP - Specifies the text wrap. The default setting is off.
    The WRAP can be set to "VIRTUAL" or "PHYSICAL" and will wrap the text as the user types.

    Tip: In order to properly format your form, you may want to place it within a table.

    Here is a basic email form set up within a table:

    < FORM action="mailto:you@yourdomain.com" >
    < TABLE BORDER="0" CELLPADDING="2" >
    < TR >

    Conversations that Count!
    What type of impression are you leaving? How effective are your communication skills? As you either thumb through your daily planner or scan through your palm pilot, review your recent interactions. Did any of the following issues arise?· You were asked to speak up or repeat yourself· Your message was misunderstood· You couldn't get the full attention of your audience· You didn't get the results or reactions you had anticipated· You didn’t make the sale or close the transactionThese phenomena are quite common in the course of the typical business day. What causes these missed opportunities? Usually the missed opportunity stems from one of the following communications flaws:· Speaking too rapidly· Speak
    he regular submit button, an image submit button will be displayed.

    < INPUT type="image" name="submit" SRC="image.gif" >

    Image Submit Attributes

    TYPE - Image
    NAME - Name of the variable to be processed by the form processing script.
    SRC - Image URL.

    RESET

    < INPUT type="reset" >

    Enables users to clear a form if necessary.

    < INPUT type="RESET" value="Reset" >

    Reset Submit Attributes

    TYPE - Reset
    VALUE - Specifies the text to be displayed on the reset button.

    SELECT

    < select >< /select >

    Surrounds the code for a selection drop down menu.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT SIZE="5" >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" value="Submit" >
    < /FORM >

    Select Attributes

    NAME - Name of the variable to be processed by the form processing script.
    SIZE - Specifies the number of visible selections.
    MULTIPLE - Enables users to select multiple selections.

    OPTION

    < option >

    Used with the SELECT element to display the options.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" VALUE="Submit" >
    < /FORM >

    Option Attributes

    SELECTED - Specifies a default selection. VALUE - Specifies the value of the variable in the select element.

    TEXTAREA

    < textarea >< /textarea >

    Specifies an open text area.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    Enter Your Comments:< BR >
    < TEXTAREA wrap="virtual" name="Comments" rows=3
    cols=20 maxlength=100 >
    < /TEXTAREA >< BR >
    < INPUT type="Submit" VALUE="Submit" >
    < INPUT type="Reset" VALUE="Clear" >
    < /FORM >

    Textarea Attributes

    NAME - Name of the variable to be processed by the form processing script.
    COLS - The number of columns within the text area.
    ROWS - The number of rows within the text area.
    WRAP - Specifies the text wrap. The default setting is off.
    The WRAP can be set to "VIRTUAL" or "PHYSICAL" and will wrap the text as the user types.

    Tip: In order to properly format your form, you may want to place it within a table.

    Here is a basic email form set up within a table:

    < FORM action="mailto:you@yourdomain.com" >
    < TABLE BORDER="0" CELLPADDING="2" >
    < TR >

    Hurricanes and Audio Internet Streaming
    Have you consider adding audio Internet streaming to your web site? What kinds of sounds might you put on your web site to entertain your web site visitors? There are all kinds of things no doubt, which are part of your industry or perhaps famous quotes, which might fit nicely in the context of your web site and go along with the venue.One thing that people tend to like it is hurricane winds and you can usually pick up a sound bite or two on the Internet for free. It is quite simple you can cut and paste the sound bite and look for commonality on the sound waves so that you can find a place to loop it so it does not take up too much space or cause problems with Internet users who wish to listen to it.It appears that during the 2005 Atlantic tropical hurricane season that Internet users searched the word; Hurricane; more than any oth
    < /FORM >

    Select Attributes

    NAME - Name of the variable to be processed by the form processing script.
    SIZE - Specifies the number of visible selections.
    MULTIPLE - Enables users to select multiple selections.

    OPTION

    < option >

    Used with the SELECT element to display the options.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    < SELECT >
    < OPTION >option 1
    < OPTION >option 2
    < OPTION >option 3
    < /SELECT >
    < INPUT type="Submit" VALUE="Submit" >
    < /FORM >

    Option Attributes

    SELECTED - Specifies a default selection. VALUE - Specifies the value of the variable in the select element.

    TEXTAREA

    < textarea >< /textarea >

    Specifies an open text area.

    < FORM METHOD=post ACTION="/cgi-bin/example.cgi" >
    Enter Your Comments:< BR >
    < TEXTAREA wrap="virtual" name="Comments" rows=3
    cols=20 maxlength=100 >
    < /TEXTAREA >< BR >
    < INPUT type="Submit" VALUE="Submit" >
    < INPUT type="Reset" VALUE="Clear" >
    < /FORM >

    Textarea Attributes

    NAME - Name of the variable to be processed by the form processing script.
    COLS - The number of columns within the text area.
    ROWS - The number of rows within the text area.
    WRAP - Specifies the text wrap. The default setting is off.
    The WRAP can be set to "VIRTUAL" or "PHYSICAL" and will wrap the text as the user types.

    Tip: In order to properly format your form, you may want to place it within a table.

    Here is a basic email form set up within a table:

    < FORM action="mailto:you@yourdomain.com" >
    < TABLE BORDER="0" CELLPADDING="2" >
    < TR >

    Workplace Security: Are You Any Safer At Work From Terrorism?
    TABLE OF CONTENTS1. The Security Consultant's Perspective...2. The Insider Threat...3. Threats by the Outsiders…4. The Terrorist Threat...5. Protective Measures...1) Security Consultant's Perspective...Traditional techniques at combating Workplace Violence pits the disgruntled employee against the system and the potential victims in a waiting game. It seems that the “Inside Threat” is reduced to monitoring the known potential, the “Ticking Bomb”, while the unknown threats go unmonitored. Threats by "Outsiders" are just as common and equally violent. Complicating this challenge, we now must grapple with the threat of terrorism (political and domestic) in our workplaces. I am reminded of a quote by James Baldwin from his book, "The Price of the Ticket". "No one can possibly know what is about to happen:
    :< BR >
    < TEXTAREA wrap="virtual" name="Comments" rows=3
    cols=20 maxlength=100 >
    < /TEXTAREA >< BR >
    < INPUT type="Submit" VALUE="Submit" >
    < INPUT type="Reset" VALUE="Clear" >
    < /FORM >

    Textarea Attributes

    NAME - Name of the variable to be processed by the form processing script.
    COLS - The number of columns within the text area.
    ROWS - The number of rows within the text area.
    WRAP - Specifies the text wrap. The default setting is off.
    The WRAP can be set to "VIRTUAL" or "PHYSICAL" and will wrap the text as the user types.

    Tip: In order to properly format your form, you may want to place it within a table.

    Here is a basic email form set up within a table:

    < FORM action="mailto:you@yourdomain.com" >
    < TABLE BORDER="0" CELLPADDING="2" >
    < TR >
    < TD >< FONT face="Verdana" size=2 >Name:< /FONT >< /TD >
    < TD >< INPUT name="Name" value="" size="10" >< /TD >
    < /TR >
    < TR >
    < TD >< FONT face="Verdana" size=2 >Email:< /FONT >< /TD >
    < TD >< INPUT name="Email" value="" size="10" >< /TD >
    < /TR >
    < TR >
    < TD >< /TD >
    < TD >< INPUT type="submit" value="Submit" >< /TD >
    < /TR >
    < /TABLE >
    < /FORM >

    Advanced Forms

    If you have a good form processing script, you will have the option to create highly technical forms with additional options:

    Multi-page Forms

    Provides you with the ability to create a form that spans more than one page. The data you specify will be collected on the first form page and will be transferred to the second page. You can have as many pages as you need and the data will continue to be passed through each page until the final submission. Placeholders are used within each form page to collect and pass the data.

    Customized Confirmation Page

    Enables you to create a customized confirmation page that may contain your visitor's name and any other information you've collected. In addition, you can even include the date, time and your visitor's IP address (Internet Provider).

    Printable Confirmation Page

    Enables you to provide your customers with a printable confirmation page for data such as order receipts.

    Templates

    Provides you with the ability to completely customize the information your form processes. You can use a template to specify how your data will be displayed when it is sent to your email address, and even use a template to set up a database in a specific format.

    Database

    Enables you to collect your form's data and stores it within a database.

    The possibilities are endless. Keep in mind, most form processing scripts will not provide you with these abilities.

    The best form I have found is called, Master Form. This form will enable you to have the results emailed to you or to a specified address, can write your information to a database file and even have a personalized thank you page. In addition, you can even have multi-page forms with no limit on the number of pages.

    In the final part of this series, we will be focusing on some great tips and tricks you can use to spice up your forms such as:

    Creating a Default Form Option
    Customizing Your Input Boxes
    Adding Color to Your Input Boxes
    Disappearing Form Text
    Flashing Cursor in Form on Load
    Tabbing Through Forms
    Customizing Form Colors

    Make sure you don't miss the final lesson in this powerful series.

    HTTP = HTML link (for blogs, profiles,phorums):
    <a href="http://www.casualarticles.com/article/85618/casualarticles-HTML-Forms--Back-to-the-Basics-and-Beyond--Part-Two--Advanced-Forms.html">HTML Forms -- Back to the Basics and Beyond -- Part Two -- Advanced Forms</a>

    BB link (for phorums):
    [url=http://www.casualarticles.com/article/85618/casualarticles-HTML-Forms--Back-to-the-Basics-and-Beyond--Part-Two--Advanced-Forms.html]HTML Forms -- Back to the Basics and Beyond -- Part Two -- Advanced Forms[/url]

    Related Articles:

    10 Key Career Success Questions

    Used Binding Machines

    Corporate Wellness - the Key to Corporate Success

    Bookmark it: del.icio.us digg.com reddit.com netvouz.com google.com yahoo.com technorati.com furl.net bloglines.com socialdust.com ma.gnolia.com newsvine.com slashdot.org simpy.com shadows.com blinklist.com