DHTMLX Docs & Samples Explorer

Init From UL

Source
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
    
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxform.js"></script>    
 
 
<ul class="dhtmlxForm">
    <li ftype="radio" name="select" focus="1" _disabled="1" class="classname" style="" 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>
                    <li ftype="button" name="btn" command="reset" value="Sumbit"></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
                        <ul>
                            <li ftype="radio" name="86dvd" value="86dvd_1" checked="true">Double Layer</li>
                            <li ftype="radio" name="86dvd" value="86dvd_2">Two-Sided</li>
                        </ul>
                    </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>
            <li ftype="checkbox" name="upload">Upload your cover for disk
                <ul>
                    <li ftype="file" name="file_a">Preview</li>
                    <li ftype="file" name="file_b">Full-Size Image</li>
                    <li ftype="fieldset" name="mydata">Advanced Settings
                        <ul>
                            <li ftype="checkbox" name="vsync" checked="true">VSync</li>
                            <li ftype="checkbox" name="mouse_invert">Swap Mouse Buttons</li>
                            <li ftype="checkbox" name="custom_cursor" checked="true">Custom Mouse Cursor
                                <ul>
                                    <li ftype="radio" name="cursor_value" value="dot" checked="1">Dot</li>
                                    <li ftype="radio" name="cursor_value" value="cross">Cross</li>
                                    <li ftype="radio" name="cursor_value" value="circle">Circle</li>
                                    <li ftype="radio" name="cursor_value" value="triangle">Triangle</li>
                                </ul>
                            </li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </li>
</ul>