index.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>Nano Bind Sample</title>
  7. <link href="index.css" rel="stylesheet" type="text/css" />
  8. </head>
  9. <body>
  10. <input type="text" id="text1">
  11. <p id='p1'></p>
  12. <p><input name="dzen" type="radio" value="nedzen"> Не дзен</p>
  13. <p><input name="dzen" type="radio" value="dzen"> Дзен</p>
  14. <p><input name="dzen" type="radio" value="pdzen" checked> Полный дзен</p>
  15. <p>
  16. <textarea id="textarea"></textarea>
  17. </p>
  18. <p>
  19. <select id="select">
  20. <option value="">--</option>
  21. <!--<option value="M" style="background-color: gray;">Male</option>-->
  22. <!--<option value="F">Female</option>-->
  23. <!--<option value="X">Xenomorph</option> -->
  24. </select>
  25. </p>
  26. <input type='checkbox' id='check1'><br/>
  27. <div id="checkContainer">
  28. <input type='checkbox'>
  29. </div>
  30. <table>
  31. <tr>
  32. <td></td>
  33. </tr>
  34. <tr style='background-color: gray;'>
  35. <td></td>
  36. </tr>
  37. </table>
  38. <strong>Use $s variable for accessing data in DOM</strong>
  39. <pre id='state' style='background-color: lightgray;'>
  40. wait for sec...
  41. </pre>
  42. <script src="index.js"></script>
  43. </body>
  44. </html>