Open source survey management
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

94 lines
2.8 KiB

  1. <html>
  2. <head>
  3. <link rel="stylesheet" type="text/css" href="style.css">
  4. </head>
  5. <body>
  6. <!--TODO: Divide into 2 columns-->
  7. <!--align inputs w/ text-->
  8. <div id="container">
  9. really really really long line sdfhsjkdfhsjkfhsdij
  10. sodfhjsjkdfhsdjkfhsdkjfhdskfjdshfkdjshfdsjkfhsdjkfshdkf
  11. sjfhskjfhsdjkfhdskjfdshfkjdshfksdjfhsdjkfhskfds
  12. c,mznbc,mxzbcnskjfhwseiofujweojsl,vbs,msanda,smfbnsdkjfk
  13. sldfhwiekurfuwoifjslvdsnda.lcnasljkfwgbhfkjw<br>
  14. <hr>
  15. <div class="template">
  16. <b>Radio Boxes</b><br>
  17. <div><label>Option 1</label><input type="radio" name="temp" /></div>
  18. <div><label>Option 2 (Longer)</label><input type="radio" name="temp" /></div>
  19. <div><label>Option 3</label><input type="radio" name="temp" /></div>
  20. </div>
  21. <hr>
  22. <div class="template">
  23. <b>Check boxes</b><br>
  24. <div><label>Option 1</label><input type="checkbox"></div>
  25. <div><label>Option 2</label><input type="checkbox"></div>
  26. <div><label>Option 3 (Longer)</label><input type="checkbox"></div>
  27. <div>
  28. <label>Other (Please specify)</label><input type="checkbox"><br>
  29. <input class="other" type="textbox">
  30. </div>
  31. </div>
  32. <hr>
  33. <div class="template">
  34. <b>Number selection</b><br>
  35. Age: <input type="number" class="number other" /> years
  36. </div>
  37. <hr>
  38. <div class="template ranking">
  39. <b>Multiple rankings</b>
  40. <table>
  41. <tr>
  42. <th></th>
  43. <th>Agree</th>
  44. <th>Neutral</th>
  45. <th>Disagree</th>
  46. </tr>
  47. <tr>
  48. <td>School is fun</td>
  49. <td><input class="except" type="radio" name="1" /></td>
  50. <td><input class="except" type="radio" name="1" /></td>
  51. <td><input class="except" type="radio" name="1" /></td>
  52. </tr>
  53. <tr>
  54. <td>Linux is the superior operating system</td>
  55. <td><input class="except" type="radio" name="2" /></td>
  56. <td><input class="except" type="radio" name="2" /></td>
  57. <td><input class="except" type="radio" name="2" /></td>
  58. </tr>
  59. <tr>
  60. <td>Cat.</td>
  61. <td><input class="except" type="radio" name="3" /></td>
  62. <td><input class="except" type="radio" name="3" /></td>
  63. <td><input class="except" type="radio" name="3" /></td>
  64. </tr>
  65. </table>
  66. </div>
  67. <hr>
  68. <div class="template">
  69. <b>Dropdown</b><br>
  70. <select>
  71. <option>Please Select</option>
  72. <option>Option 1</option>
  73. <option>Option 2</option>
  74. <option>Option 3</option>
  75. </select>
  76. </div>
  77. <hr>
  78. <div class="template">
  79. <b>Textbox - Single line</b><br>
  80. <label>What's your name?</label><input type="text" class="except" style="margin: 5px;"/>
  81. </div>
  82. <hr>
  83. <div class="template">
  84. <b>Textbox - Multiple lines</b><br>
  85. <label>How do you feel about textboxes?</label><br>
  86. <textarea class="except" style="width: 100%;"></textarea>
  87. </div>
  88. <hr>
  89. <input type="submit" value="Submit">
  90. </div>
  91. </body>
  92. </html>