DHTMLX Docs & Samples Explorer

HTML configuration

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