Open source survey management

mainpage.html 2.5KB

    <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="container"> <div id="header"> <h1>UNIXPORN SURVEY 2018</h1> <h3>User Demography</h3> <p>Given that there's about 110,000 of you now, we want to get to know you all a little better. All survey responses can be anonymous, though there's the option at the end to enter your Reddit username and be entered into a prize draw for some Reddit Gold. Fo that reason questions in this section are optional.</p> </div> <div class="template"> <h2>What's your gender?</h2> <div><label>Male</label><input type="radio" name="gender" value="male"/></div> <div><label>Female</label><input type="radio" name="gender" value="female"/></div> <div><label>Other</label><input type="radio" name="gender" value="other"/></div> </div> <hr> <div class="template"> <h2>How old are you?</h2> <p>What are you, like 12?</p> <input type="number" class="number other" /> years </div> <hr> <div class="template"> <h2>What country do you call home?</h2> <p>Do we have a worldwide audience or an anglocentric one?</p> <select> <option>Please Select</option> <option>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> </div> <hr> <div class="template"> <h2>What's your occupation?</h2> <p>What field you work in (if you do) or if you're still in education. You can add more detail in the "other" box if you feel like it.</p> <div><label>Academia (teacher, lecturer, etc)</label><input type="checkbox" name="occupation" value="academia"></div> <div><label>Developer/Programmer</label><input type="checkbox" name="occupation" value="developer"></div> <div><label>IT Support</label><input type="checkbox" name="occupation" value="support"></div> <div><label>Science</label><input type="checkbox" name="occupation" value="science"></div> <div><label>Student (any level/subjects)</label><input type="checkbox" name="occupation" value="student"></div> <div><label>SysAdmin</label><input type="checkbox" name="occupation" value="sysadmin"></div> <div><label>Unemployed</label><input type="checkbox" name="occupation" value="unemployed"></div> <div> <label>Other</label><input type="checkbox" name="occupation" value="other"><br> <input class="other" type="textbox" name="occupation_other"> </div> </div> <hr> <input type="submit" value="Continue" /> </div> </body> </html>