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.:

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 ()

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

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

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

Share this Tool

If you have enjoyed using this tool, please consider sharing this page with other users, just click on your preferred social media link or copy the webpage from the link below.

URL

Menu