Welcome to FormGenics.com!

FormGenics is a HTML Form code generator. It creates the necessary HTML and JavaScript code for any form that you create using the easy question and answer styled wizard.

What kind of forms can you create with FormGenics? You can create email contact forms, membership sign-up forms, log in forms, application forms, cool HTML forms, download forms, comment forms, polls, support ticket forms, simple forms, complex forms...

If you have ever had difficulties creating a HTML form or are just too busy to write one from scratch, then you are in the right place!

Easy, simple, and free. Click here to get started right away or quickly view the Quick Start Instructions. For more advanced help, check out the Comprehensive Help Guide and our Support Forum.

create form
support forum
terms of use
Quick Start Guide
Comprehensive Help Guide
Support Forum

Back to Basics
Forms Part 1
Back to Basics
Advanced Forms Part 2
Back to Basics
Form Tips & Tricks Part 3
Designing Consistent Form Field Sizes
Getting the Most Out of Your Form
Form Processing - Working with CGI



Learn the basics of satellite tv dishes and free cable television at Tv-Providers.com!

Back to the Basics and Beyond

Advanced forms

Part 2
By Shelley Lowery

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.

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.


<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">

Radio Button Attributes

  • TYPE - Radio
  • SIZE - 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.
<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.
<INPUT TYPE="reset">

Reset Submit Attributes

<INPUT type="reset" VALUE="reset">

Reset Submit Attributes

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

Surrounds the code for a selection drop down menu.

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

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.

Used with the SELECT element to display the options.

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

Option Attributes

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

Specifies an open text area.

<FORM METHOD=post ACTION="/cgi-bin/example.cgi">
Enter Your Comments:
<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:[email protected]">
<TD><FONT face="Verdana" size=2>Name:</FONT></TD>
<TD><INPUT name="Name" value="" size="10"></TD>
<TD><FONT face="Verdana" size=2>Email:</FONT></TD>
<TD><INPUT name="Email" value="" size="10"></TD>
<TD><INPUT type="submit" value="Submit"></TD>
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

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.


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.

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.

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

Copyright © Shelley Lowery

About the Author:

Shelley Lowery is the author of the acclaimed web design course, Web Design Mastery. http://www.webdesignmastery.com And, Ebook Starter - Give Your Ebooks the look and feel of a REAL book. http://www.ebookstarter.com Visit Web-Source.net to sign up for a complimentary subscription to Etips and receive a copy of the acclaimed ebook, "Killer Internet Marketing Strategies." http://www.web-source.net

forum  |  contact  |  articles  |  donate  |  privacy policy  |  site map  |  link to us
copyright ©2011 FormGenics.com | all rights reserved