|
HTML - Survey
Hello,
I posted a similar question to this a couple of weeks ago but I thought it would be more relevent to start a new thread. I'm wanting to create a survey/questionnaire that i can put onto my website. Although using a site to generate a questionnaire is extremly effective I dont wish to do this. I want to do this as minimal effort as possible. i.e I dont want to create a database. From what i understand javascript can be written and the result written into a text file. I'd appreciate any suggestions or being pointed to a good resource or any advice in general. Many Thanks, Stuart. Similar TutorialsHello, I'm seeking to create a multiple page survey where the entire form is submitted through email. I need help with two things: getting the next button on page 1 to link to page 2, and getting the form submit button to email data from both pages. I've deliberately removed the input type and sessid value on the code below. page 1 code Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<META content="text/html; charset=UTF-8" http-equiv=Content-Type>
<link href="testform.css" rel="stylesheet" type="text/css">
<title>Survey</title>
<script language="JavaScript" type="text/JavaScript">
function check(object_id) {
with (document.getElementById(object_id))
checked = !checked;
}
</script>
</head>
<body>
<table class="Handler" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td>
<table class="SurveyLabel" cellpadding="0" cellspacing="0">
<tr><td>Survey</td></tr>
</table>
</td>
</tr>
<tr>
<td>
<table class="SurveyInstruction" cellpadding="0" cellspacing="0">
<tr>
<td>
Some text
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<form action="" method="post" name="frm" target="_self">
<input type="" name="sessid" value="">
<input type="" name="page" value="0"><table cellpadding="0" cellspacing="0" class="Survey">
<tr>
<td>
<table class="iText" cellpadding="0" cellspacing="0">
<tr>
<td>
Please tell us about yourself.
</td>
</tr>
</table>
<table class="Question" cellpadding="0" cellspacing="0">
<tr>
<td>1. Your name</td>
</tr>
</table>
<table class="Answer" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="text" class="iEdit" name="Q2" value="">
</td>
</tr>
</table>
<table class="Question" cellpadding="0" cellspacing="0">
<tr>
<td>2. Are you </td>
</tr>
</table>
<table class="Answer" cellpadding="0" cellspacing="0">
<tr>
<td>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q3" value="1" id="idQ3_1" >Male
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q3" value="2" id="idQ3_2" >Female
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="Question" cellpadding="0" cellspacing="0">
<tr>
<td>3. What is your age? </td>
</tr>
</table>
<table class="Answer" cellpadding="0" cellspacing="0">
<tr>
<td>
<select name="Q4" class="iCombo">
<option value="0" >-- Select --</option>
<option value="1" >16-19</option>
<option value="2" >20-27</option>
<option value="3" >28-35</option>
<option value="4" >35-45</option>
<option value="5" >45 and above</option>
</select>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="SurveyBottom">
<input type="submit" class="iButton" value="Next >">
<input type="reset" class="iButton" value="Clear">
</td>
</tr>
</table>
</form>
<table border="0" cellpadding="0" cellspacing="0" class="ProgressTable">
<tr>
<td width="1px">0%</td>
<td>
<table width="0%" border="0" cellpadding="0" cellspacing="0" class="Progress">
<tr>
<td>0%</td>
</tr>
</table>
</td>
<td width="1px">100%</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
</body>
</html>
page 2 code Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<META content="text/html; charset=UTF-8" http-equiv=Content-Type>
<link href="testform.css" rel="stylesheet" type="text/css">
<title>Survey</title>
<script language="JavaScript" type="text/JavaScript">
function check(object_id) {
with (document.getElementById(object_id))
checked = !checked;
}
</script>
</head>
<body>
<table class="Handler" cellpadding="0" cellspacing="0">
<tr>
<td>
</td>
</tr>
<tr>
<td>
<table class="SurveyLabel" cellpadding="0" cellspacing="0">
<tr><td>Survey</td></tr>
</table>
</td>
</tr>
<tr>
<td>
<table class="SurveyInstruction" cellpadding="0" cellspacing="0">
<tr>
<td>
Some text
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<form name="frm" method="post" action="">
<input type="" name="sessid" value="">
<input type="" name="page" value="1"><table cellpadding="0" cellspacing="0" class="Survey">
<tr>
<td>
<table class="iText" cellpadding="0" cellspacing="0">
<tr>
<td>
Browsing information
</td>
</tr>
</table>
<table class="Question" cellpadding="0" cellspacing="0">
<tr>
<td>6. How often do you visit our site?</td>
</tr>
</table>
<table class="Answer" cellpadding="0" cellspacing="0">
<tr>
<td>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="1" id="idQ11_1" >Daily
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="2" id="idQ11_2" >3 or 4 times a week
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="3" id="idQ11_3" >Once a week
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="4" id="idQ11_4" >2-3 times a month
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="5" id="idQ11_5" >Monthly
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="6" id="idQ11_6" >Less than monthly
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="7" id="idQ11_7" >Not sure
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q11" value="8" id="idQ11_8" >Other<br><input type="text" name="Q11x8" value="" onChange="frm.idQ11_8.checked=true"><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table class="Question" cellpadding="0" cellspacing="0">
<tr>
<td>7. Why did you visit our site today</td>
</tr>
</table>
<table class="Answer" cellpadding="0" cellspacing="0">
<tr>
<td>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="1" id="idQ12_1" >Looking for general information
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="2" id="idQ12_2" >Searching for specific content information
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="3" id="idQ12_3" >Entertainment
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="4" id="idQ12_4" >Trying to buy something
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="5" id="idQ12_5" >To find a link to something
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="6" id="idQ12_6" >Software
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="7" id="idQ12_7" >Product or service support
</td>
</tr>
</table>
<table class="RadioGroupEven" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="8" id="idQ12_8" >Find contact or company information
</td>
</tr>
</table>
<table class="RadioGroup" cellpadding="0" cellspacing="0">
<tr>
<td>
<input type="radio" class="iRadio" name="Q12" value="9" id="idQ12_9" >Other<br><input type="text" name="Q12x9" value="" onChange="frm.idQ12_9.checked=true"><br>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="SurveyBottom">
<input type="submit" class="iButton" value="Submit">
<input type="reset" class="iButton" value="Clear">
</td>
</tr>
</table>
</form>
<table border="0" cellpadding="0" cellspacing="0" class="ProgressTable">
<tr>
<td width="1px">0%</td>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="Progress">
<tr>
<td>100%</td>
</tr>
</table>
</td>
<td width="1px">100%</td>
</tr>
</table>
</td>
</tr>
</table>
<br>
</body>
</html>
Hi, I am doing my final year project and am comparing two technologies (HTML5 -JavaScript and Flash -ActionScript). It would be greatly appreciated if you could take a few minutes to answer my survey: http://www.surveymonkey.com/s/CLVC23Z Thank You hey, ive designed a website using html/css and I need to put a questionnaire/survey on it. I've been searching the web for how to do this but I've found no decent resources. does anybody know how to do this or where the best place to find out how is? any help would be much appreciated many thanks stuart Hi, I am researching HTML5 vs Plug-in based browser software, namely Flash. I have developed a simple website with both technologies and a short survey. The survey is at the following URL- http://www.obiter-training.com/research All contributions are anonymous and no personal data is collected. Thank you for your help! I want to have a survey page on my site where each visitor will be asked random questions and their answers recorded along with their age, sex and religion. I have a set of 500 questions and an Ajax setup to pick one randomly and present it. That's not the problem. The problem is I'm not sure how to identify users. On one hand I want it to be as easy as possible for people to take part in this survey. On the other hand, I need to avoid asking a person the same question more than once, and I also need to know their age, sex and religion. (This is so that I can compare the answers across different demographic groups.) One way would be to have them register the first time they do the survey. Then they would fill in their details only once and thereafter just enter a name and password. But having to register might scare them off! Another way would be to do without registration, and have them enter their details every time they do the survey. That might be tedious for them. Another way would be to store the user's details in cookies. I am reluctant to rely on cookies because a) they could be wiped, b) it would increase the amount of data being transferred between the server and client and c) two people on the same computer would not be able to have different details. Each method has its drawbacks. I really want it to be easy for people to do this survey - otherwise I won't get the answers! - but, as I say, it's pretty much useless without the respondents' details. What should I do? |
|||||||