Quick Form Builder

Please note that this page requires JavaScript for it to function.

Step 1 - list all form fields

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 of form control)

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

Accessify's quick form builder merges two older tools (form builder and form element generator) into one much slicker process. There are three steps:

Enter the fields that you want to capture in the form
Define what each field type is (text, password, textarea etc)
Choose some markup options (HTML, XHTML and so on)

Seconds later you have a fully accessible and valid form. There's even some CSS to help you style the form.