DHTMLX Docs & Samples Explorer

Index
dhtmlxForm
Control Types & Attributes

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