gitgod
/
nanobind


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
							<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>Nano Bind Sample</title>
        <link href="index.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
        <input type="text" id="text1">
        <p id='p1'></p>
        <p><input name="dzen" type="radio" value="nedzen"> Не дзен</p>
        <p><input name="dzen" type="radio" value="dzen"> Дзен</p>
        <p><input name="dzen" type="radio" value="pdzen" checked> Полный дзен</p>
        <p>
            <textarea id="textarea"></textarea>
        </p>
        <p>
            <select id="select">
                <option value="">--</option>
                <!--<option value="M" style="background-color: gray;">Male</option>-->
                <!--<option value="F">Female</option>-->
                <!--<option value="X">Xenomorph</option> -->
            </select>
        </p>
        <input type='checkbox' id='check1'><br/>
        <table>
            <tbody id="numberTable">
                <tr>
                    <td>table template line 1</td>
                    <td style='background-color: blue;'>table template line 1</td>
                </tr>
                <tr style='background-color: gray;'>
                    <td>table template line 2</td>
                    <td style='background-color: red;'>table template line 2</td>
                </tr>
            </tbody>
        </table>
        <table>
            <thead>
                <th> age</th>
                <th> married</th>
                <th> surname</th>
                <th> name</th>
                <th> note</th>
            </thead>
            <tbody id="hashTable">
                <tr>
                    <td class='age'></td>
                    <td><input type='checkbox' class='married'></td>
                    <td class='surname'></td>
                    <td class='name'></td>
                    <td><textarea class='note'></textarea></td>
                    <td><button class='btn'>+</button></td>
                </tr>
            </tbody>
        </table>
        <div id="checks">
            <label><input type='checkbox' class='check'><span class='description'></span><br/></label>
        </div>
        <div id="radios">
            <label><input type='radio' class='radio'><span class='description'></span><br/></label>
        </div>
        <strong>Use $s variable for accessing data in DOM</strong>
        <pre id='state' style='background-color: lightgray;'>
            2 seconds timeout
        </pre>
        <script src="nb.js"></script>
        <script src="index.js"></script>
    </body>
</html>