This form is part of an experimental framework to explore different ideas for Xforms by trying them out in a realistic setting. This demo requires IE 4 or later in order to work correctly. I hope to develop a cross browser version in due course when the work stabilizes. The problem is that Navigator doesn't allow you to dynamically add rows to tables or to set the contents of span elements. A possible solution is to dynamically generate a new page and load that, possibly within a frame. Note that Navigator doesn't support group boxes, which would have to be implemented as captioned tables.

To do: Finish work on missing fields and field constraints. For instance, supplying the text for describing each missing field. This text will depend on whether the form is being presented in English, French, German etc. I need to add a date data type and to clarify how this supports the card expiry date. I need to add support for controlling the tabbing order and keyboard short cuts - as users often want to avoid the need to use the mouse. Also support for inserting or deleting rows, and trailing empty rows

Order Form for ACME's tasty snacks

Please note that we only accept orders for addresses within the USA.

Customer details

Your name:

Your address:

Line items

Now enter your product choices:

Quantity Product Description Price
Summary Report


You have selected 0 items at a total price of $0. The amount to be charged will be $0, which includes $0 shipping and $0 tax.

Payment Details

We accept Visa, Mastercard, Diners and American Express - which do you want to pay with?

Card number? Expires?

Now submit your order:

Demo play pen

Two fields bound to the same data value: