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
Form method
(e.g. "Middle Name(s)" becomes "MiddleNames")
(e.g. "Middle Name(s)" becomes "txtMiddleNames")
(what's aria-labelledby?)
(will appear in title attribute of form control)

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:

  1. Enter the fields that you want to capture in the form
  2. Define what each field type is (text, password, textarea etc)
  3. 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.