<ul class="dhtmlxForm"> <li ftype="radio" name="select" value="online">Will enjoy the online demo</li> <li ftype="radio" name="select" value="disk" checked="true">Please send me disk <ul> <li ftype="checkbox" name="bootleg" checked="true">Insert bootleg</li> <li ftype="checkbox" name="lyrics" checked="true">Lyrics if possible</li> <div>Payment</div> <li ftype="radio" name="paymenttype" value="creditcard">Credit Card <ul> <li ftype="input" name="cardnumber" value="XXXX-XXXX-XXXX-XXXX">Card Number</li> <li ftype="input" name="cardkey" value="XXXX">Key</li> </ul> </li> <li ftype="radio" name="paymenttype" value="cash" checked="1">Cash</li> <div>Currency</div> <li ftype="radio" name="currencytype" value="dollar" checked="1">U. S. Dollars</li> <li ftype="radio" name="currencytype" value="euro">Euro</li> <li ftype="radio" name="currencytype" value="brb">Belarusian Rubel</li> <li ftype="select" name="mediatype">Select Media Type <ul> <li ftype="option" value="1">CD 700Mb <ul> <li ftype="checkbox" name="overburn" value="yes_1" checked="true">Overburn</li> </ul> </li> <li ftype="option" value="2">DVD5 4.4Gb <ul> <li ftype="checkbox" name="lightscribe" value="yes" checked="true">Light Scribe</li> <li ftype="checkbox" name="labelflash" value="yes">Label Flash <ul> <li ftype="radio" name="labelflash_radio" value="required" checked="true">Required</li> <li ftype="radio" name="labelflash_radio" value="not_mandatory">Not bad option</li> </ul> </li> </ul> </li> <li ftype="option" value="3" selected="1">DVD9 8.6Gb</li> <li ftype="option" value="4">Blue-Ray 24Gb</li> </ul> </li> <li ftype="select" name="audioquality">Select Audio Quality <ul> <li ftype="option" value="1">2.0 16bit/128kbps</li> <li ftype="option" value="2">2.1 16bit/334kbps</li> <li ftype="option" value="3" selected="1">5.1 32bit/448kbps</li> </ul> </li> <li ftype="select" name="videoquality">Select Video Quality <ul> <li ftype="option" value="1" selected="1">DVD MPEG-2</li> <li ftype="option" value="2">DivX</li> <li ftype="option" value="3">XviD</li> </ul> </li> <li ftype="input" value="Some Comments" rows="3">Comments</li> </ul> </li> <li ftype="hidden" name="hidden_data" value="hiddeb_value"/> <li ftype="file" name="my_file">Schoose file</li> <li ftype="button" value="Submit"/> </ul>
Each <li> can have 'bind' property to define binding or 'validate' property to define validation rules.
Items of 'select' controls can have 'connector' property to load options.