Form Generator

Step 1 - List all Form Fields

Online website form generator, this tool will take the guess work out of creating new contact forms for your website.  Very simple to use, to start you just need to enter the names of the fileds you want for the form.

Type the field names out first, e.g.: First name Surname Town State/Region

Step 2 - Define Form Control Type

Step 3 - Choose Some Markup Options

Markup syntax 

XHTML

HTML

Form method 

POST

GET

Create name/ids based on label text (e.g. "Middle Name(s)" becomes "MiddleNames")

Prefix field ids with,'txt', 'sel' etc (e.g. "Middle Name(s)" becomes "txtMiddleNames")

Create ARIA labelledby attributes (what's aria-labelledby?)

Form action:

Form name/id:

Help text to display for required fields: (will appear in title attribute)

Submit button value:

Step 4 - You're Done!

Here is your completed form markup (and some CSS to knock it into shape ... if you'd like a helping hand).

If you want to make good use of the required fields, you could use a jQuery plugin (like this one) which looks for form inputs with class="required".

div.formrow {border:2px solid #fff;margin:0 0 5px 0;float:left;width:100%;padding:6px 0;} div.formrow label {float:left;display:block;width:15em;font-weight:bold;padding:0 6px;} div.formrow fieldset {border:1px solid gray;margin:0 6px;} div.formrow fieldset span {display:block;} div.formrow fieldset span label {float:none;display:inline;} div.formrow fieldset legend {font-weight:bold;} div.requiredRow {border:2px solid #049;}

And This Is How It Will Look

---

How to Use?

The form generator will help you create a form so that users can submit information from your website..

1. Enter the fields that you would like created in the area above and click on 'Next Step'.
2. Select if a field is required and select the type of input such as: password, text input, textarea etc.
3. Enter the script location for when the form is submitted and what the submit button text should display.
4. A preview of how the form will look will then be presented to you.
5. Download the generated file and add to your website.