* use JavaScript and JSON instead of HTML markup since your page doesn't run without JS anyway

* naturally generate JavaScript enhanced markup with your own extensions and custom types

* scaffold forms from business objects of your server side framework

Type Generators are functions that return a new jQuery DOM object for a specific type. If there is no Type Generator

with a given name, a basic HTML element with that tag name will be created. Every other key in the JavaScript or JSON object

this in the next section). A plugin call like this:

$('#my-div').dform({

type : "span",

id : "the-span"

});

Besides standard HTML tags the following core types are supported:

Creates a text input field

Creates a password input field

Creates a submit button input element

Creates a reset button input element

Creates a hidden input element

Create a file upload field

Creates a radio button

Creates a checkbox

Creates a group of radiobuttons (uses options subscriber explained below)

Creates a group of checkboxes

Creates an HTML 5 number input field

Creates an HTML 5 url input field

Creates an HTML 5 phone number input field

Creates an HTML 5 email input field

Besides looking up the correct Type Generator it also adds a dform specific class to the element using

*$.dform.options.prefix* (*ui-dform-* by default) and the type name.

<input type="text" class="ui-dform-text" />

Adds a class to the current element (instead of setting the attribute)

{

<div class="ui-dform-div the-div container"></div>

Based on the options it either sets the HTML string content of the current element or appends one or an array

of dForm objects (the elements subscriber does the same but is kept for backwards compatibility).

</div>

</div>

Sets the value of the element using .val()

{

<input type="text" value="Text content" />

Sets CSS properties on an element:

{

<div class="ui-dform-div" style="background-color: #FF0000; display: none;"></div>

Generates a list of options from a value to text (or dForm Object) mapping for elements of type *select*, *radiobuttons*

or *checkboxes*.

// TODO

Adds a caption to the element. The type used for it depends on the element type:

* A *legend* on *fieldset* elements

* A *label* next to *radio* or *checkbox* elements

<legend type="ui-dform-legend">Address</label>

</fieldset>

TODO

Currently there are two types of special subscribers

Functions registered with this name will be called before any processing occurs and get the original options passed.

Functions registered with this name will be called after all processing is finished and also get the original

options passed.

Default

**0.2.0**

**0.1.4**

**0.1.3**

**0.1.2**

**0.1.1**

**0.1**