Open source survey management

template.html 2.8KB

    <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <!--TODO: Divide into 2 columns--> <!--align inputs w/ text--> <div id="container"> really really really long line sdfhsjkdfhsjkfhsdij sodfhjsjkdfhsdjkfhsdkjfhdskfjdshfkdjshfdsjkfhsdjkfshdkf sjfhskjfhsdjkfhdskjfdshfkjdshfksdjfhsdjkfhskfds c,mznbc,mxzbcnskjfhwseiofujweojsl,vbs,msanda,smfbnsdkjfk sldfhwiekurfuwoifjslvdsnda.lcnasljkfwgbhfkjw<br> <hr> <div class="template"> <b>Radio Boxes</b><br> <div><label>Option 1</label><input type="radio" name="temp" /></div> <div><label>Option 2 (Longer)</label><input type="radio" name="temp" /></div> <div><label>Option 3</label><input type="radio" name="temp" /></div> </div> <hr> <div class="template"> <b>Check boxes</b><br> <div><label>Option 1</label><input type="checkbox"></div> <div><label>Option 2</label><input type="checkbox"></div> <div><label>Option 3 (Longer)</label><input type="checkbox"></div> <div> <label>Other (Please specify)</label><input type="checkbox"><br> <input class="other" type="textbox"> </div> </div> <hr> <div class="template"> <b>Number selection</b><br> Age: <input type="number" class="number other" /> years </div> <hr> <div class="template ranking"> <b>Multiple rankings</b> <table> <tr> <th></th> <th>Agree</th> <th>Neutral</th> <th>Disagree</th> </tr> <tr> <td>School is fun</td> <td><input class="except" type="radio" name="1" /></td> <td><input class="except" type="radio" name="1" /></td> <td><input class="except" type="radio" name="1" /></td> </tr> <tr> <td>Linux is the superior operating system</td> <td><input class="except" type="radio" name="2" /></td> <td><input class="except" type="radio" name="2" /></td> <td><input class="except" type="radio" name="2" /></td> </tr> <tr> <td>Cat.</td> <td><input class="except" type="radio" name="3" /></td> <td><input class="except" type="radio" name="3" /></td> <td><input class="except" type="radio" name="3" /></td> </tr> </table> </div> <hr> <div class="template"> <b>Dropdown</b><br> <select> <option>Please Select</option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> </div> <hr> <div class="template"> <b>Textbox - Single line</b><br> <label>What's your name?</label><input type="text" class="except" style="margin: 5px;"/> </div> <hr> <div class="template"> <b>Textbox - Multiple lines</b><br> <label>How do you feel about textboxes?</label><br> <textarea class="except" style="width: 100%;"></textarea> </div> <hr> <input type="submit" value="Submit"> </div> </body> </html>