This is the program that I have so far. What I need to do with it to change it to php and have the submit button work so that it stores the data that is selected in the survey. Would really appriciate any kind of help.
HTML Code:
<P></P>
<P></P>
<P></P><div class="pagearea"><div class="question">
<div id="q1_text" class="text"><label for="q1"><b>1.Why are you visiting this survey?</b></label></div>
<!-- INPUT LAYOUT START -->
<div class="answers"><fieldset id="fieldset_q1">
<legend style="display:none;"></legend>
<table summary="Answers of q1"><caption style="display:none">Answers of q1</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td class="answer"><select tabindex="1" name="q1" id="q1" >
<option value="">Please select your answer</option>
<option value="1">Wanting to be surveyed.</option>
<option value="2">Looking for surveys to do.</option>
<option value="3">Testing Victors survey.</option>
<option value="4">It was a Pop Up.</option>
<option value="5">Learning about surveys.</option>
</select>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="question">
<div id="q3_text" class="text"><b>2.Please rate your visit at this survey.</b></div>
<div id="q3_comment" class="comment">0 = Not at all satisfied 10 = Completely satisfied</div>
<!-- INPUT LAYOUT START -->
<div class="answers"><fieldset id="fieldset_q3">
<legend style="display:none;"></legend>
<table class="constant__gridinput grid" summary="Answers of q3"><caption style="display:none">Answers of q3</caption>
<thead>
<tr>
<th id="q3_header0" ></th>
<th id="q3_header1" class="gh">0</th>
<th id="q3_header2" class="gh">1</th>
<th id="q3_header3" class="gh">2</th>
<th id="q3_header4" class="gh">3</th>
<th id="q3_header5" class="gh">4</th>
<th id="q3_header6" class="gh">5</th>
<th id="q3_header7" class="gh">6</th>
<th id="q3_header8" class="gh">7</th>
<th id="q3_header9" class="gh">8</th>
<th id="q3_header10" class="gh">9</th>
<th id="q3_header11" class="gh">10</th>
</tr>
</thead>
<tbody>
<tr>
<th class="ggl">Overall satisfaction</th>
<td headers="q3_header1" class="gtc"><input tabindex="2" type="radio" name="q3_1" id="q3_1_0" value="0"/><label for="q3_1_0">0</label></td>
<td headers="q3_header2" class="gtc"><input tabindex="3" type="radio" name="q3_1" id="q3_1_1" value="1"/><label for="q3_1_1">1</label></td>
<td headers="q3_header3" class="gtc"><input tabindex="4" type="radio" name="q3_1" id="q3_1_2" value="2"/><label for="q3_1_2">2</label></td>
<td headers="q3_header4" class="gtc"><input tabindex="5" type="radio" name="q3_1" id="q3_1_3" value="3"/><label for="q3_1_3">3</label></td>
<td headers="q3_header5" class="gtc"><input tabindex="6" type="radio" name="q3_1" id="q3_1_4" value="4"/><label for="q3_1_4">4</label></td>
<td headers="q3_header6" class="gtc"><input tabindex="7" type="radio" name="q3_1" id="q3_1_5" value="5"/><label for="q3_1_5">5</label></td>
<td headers="q3_header7" class="gtc"><input tabindex="8" type="radio" name="q3_1" id="q3_1_6" value="6"/><label for="q3_1_6">6</label></td>
<td headers="q3_header8" class="gtc"><input tabindex="9" type="radio" name="q3_1" id="q3_1_7" value="7"/><label for="q3_1_7">7</label></td>
<td headers="q3_header9" class="gtc"><input tabindex="10" type="radio" name="q3_1" id="q3_1_8" value="8"/><label for="q3_1_8">8</label></td>
<td headers="q3_header10" class="gtc"><input tabindex="11" type="radio" name="q3_1" id="q3_1_9" value="9"/><label for="q3_1_9">9</label></td>
<td headers="q3_header11" class="gtc"><input tabindex="12" type="radio" name="q3_1" id="q3_1_10" value="10"/><label for="q3_1_10">10</label></td>
</tr>
</tbody>
</table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="question">
<div id="q4_text" class="text"><b>3.How satisfied are you with todays weather?</b></div>
<div id="q4_comment" class="comment">0 = Not at all satisfied 10 = Completely satisfied</div>
<!-- INPUT LAYOUT START -->
<div class="answers"><fieldset id="fieldset_q4">
<legend style="display:none;"></legend>
<table class="constant__gridinput grid" summary="Answers of q4"><caption style="display:none">Answers of q4</caption>
<thead>
<tr>
<th id="q4_header0" ></th>
<th id="q4_header1" class="gh">0</th>
<th id="q4_header2" class="gh">1</th>
<th id="q4_header3" class="gh">2</th>
<th id="q4_header4" class="gh">3</th>
<th id="q4_header5" class="gh">4</th>
<th id="q4_header6" class="gh">5</th>
<th id="q4_header7" class="gh">6</th>
<th id="q4_header8" class="gh">7</th>
<th id="q4_header9" class="gh">8</th>
<th id="q4_header10" class="gh">9</th>
<th id="q4_header11" class="gh">10</th>
</tr>
</thead>
<tbody>
<th class="ggl">Quality of weather</th>
<td headers="q4_header1" class="gtc"><input tabindex="38" type="radio" name="q4_3" id="q4_3_0" value="0"/><label for="q4_3_0">0</label></td>
<td headers="q4_header2" class="gtc"><input tabindex="39" type="radio" name="q4_3" id="q4_3_1" value="1"/><label for="q4_3_1">1</label></td>
<td headers="q4_header3" class="gtc"><input tabindex="40" type="radio" name="q4_3" id="q4_3_2" value="2"/><label for="q4_3_2">2</label></td>
<td headers="q4_header4" class="gtc"><input tabindex="41" type="radio" name="q4_3" id="q4_3_3" value="3"/><label for="q4_3_3">3</label></td>
<td headers="q4_header5" class="gtc"><input tabindex="42" type="radio" name="q4_3" id="q4_3_4" value="4"/><label for="q4_3_4">4</label></td>
<td headers="q4_header6" class="gtc"><input tabindex="43" type="radio" name="q4_3" id="q4_3_5" value="5"/><label for="q4_3_5">5</label></td>
<td headers="q4_header7" class="gtc"><input tabindex="44" type="radio" name="q4_3" id="q4_3_6" value="6"/><label for="q4_3_6">6</label></td>
<td headers="q4_header8" class="gtc"><input tabindex="45" type="radio" name="q4_3" id="q4_3_7" value="7"/><label for="q4_3_7">7</label></td>
<td headers="q4_header9" class="gtc"><input tabindex="46" type="radio" name="q4_3" id="q4_3_8" value="8"/><label for="q4_3_8">8</label></td>
<td headers="q4_header10" class="gtc"><input tabindex="47" type="radio" name="q4_3" id="q4_3_9" value="9"/><label for="q4_3_9">9</label></td>
<td headers="q4_header11" class="gtc"><input tabindex="48" type="radio" name="q4_3" id="q4_3_10" value="10"/><label for="q4_3_10">10</label></td>
</tr>
</tbody>
</table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="commentbody">
<div id="q5_text" ><label for="q5"><hr><p><b>4.Please provide some information on todays weather.</label></div>
<!-- INPUT LAYOUT START -->
<div><fieldset id="fieldset_q5">
<legend style="display:none;"></legend>
<table summary="Answers of q5"><caption style="display:none">Answers of q5</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td><textarea cols="50" rows="5" tabindex="50" name="q5" id="q5"></textarea>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="commentbody">
<div id="i42_text" >6.What kind of weather do you prefer?(check all that apply)<p></div>
</div>
<div class="commentbody">
<div id="information_text" class="commentcategories">5.Types of weather</div>
<!-- INPUT LAYOUT START -->
<div class="commentcategories"><fieldset id="fieldset_weather">
<legend style="display:none;"></legend>
<table style="width:100%;" summary="Answers of weather"><caption style="display:none">Answers of weather</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of weather. Column number 1"><caption style="display:none">Answers of weather. Column number 1</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="51" type="checkbox" name="weather_1" id="weather_1" value="1"/></td>
<td class="commentcategories"><label for="weather_1">Sunny</label></td>
</tr>
<tr>
<td><input tabindex="52" type="checkbox" name="weather_2" id="weather_2" value="1"/></td>
<td class="commentcategories"><label for="weather_2">Hot</label></td>
</tr>
<tr>
<td><input tabindex="53" type="checkbox" name="weather_3" id="weather_3" value="1"/></td>
<td class="commentcategories"><label for="weather_3">Humid</label></td>
</tr>
<tr>
<td><input tabindex="54" type="checkbox" name="weather_4" id="weather_4" value="1"/></td>
<td class="commentcategories"><label for="weather_4">Raining </label></td>
</tr>
</tbody></table>
</td>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of weather. Column number 2"><caption style="display:none">Answers of weather. Column number 2</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="55" type="checkbox" name="weather_5" id="weather_5" value="1"/></td>
<td class="commentcategories"><label for="information_5">Cold</label></td>
</tr>
<tr>
<td><input tabindex="56" type="checkbox" name="weather_6" id="weather_6" value="1"/></td>
<td class="commentcategories"><label for="weather_6">Windy</label></td>
</tr>
<tr>
<td><input tabindex="57" type="checkbox" name="weather_7" id="weather_7" value="1"/></td>
<td class="commentcategories"><label for="weather_7">Snowing</label></td>
</tr>
<tr>
<td><input tabindex="58" type="checkbox" name="weather_10" id="weather_10" value="1"/></td>
<td class="commentcategories"><label for="weather_10">Normal weather</label></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="commentbody">
<div id="purchasing_text" class="commentcategories">6.What kinds of sports do you prefer?</div>
<!-- INPUT LAYOUT START -->
<div class="commentcategories"><fieldset id="fieldset_sports">
<legend style="display:none;"></legend>
<table style="width:100%;" summary="Answers of sports"><caption style="display:none">Biking</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of sports. Column number 1"><caption style="display:none">Answers of sports. Column number 1</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="59" type="checkbox" name="sports_1" id="sports_1" value="1"/></td>
<td class="commentcategories"><label for="sports_1">Running</label></td>
</tr>
<tr>
<td><input tabindex="60" type="checkbox" name="Sports_2" id="sports_2" value="1"/></td>
<td class="commentcategories"><label for="sports_2">Swiming </label></td>
</tr>
</tbody></table>
</td>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of sports. Column number 2"><caption style="display:none">Answers of sports. Column number 2</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="61" type="checkbox" name="sports_3" id="sports_3" value="1"/></td>
<td class="commentcategories"><label for="sports_3">Basketball</label></td>
</tr>
<tr>
<td><input tabindex="62" type="checkbox" name="sports_4" id="sports_4" value="1"/></td>
<td class="commentcategories"><label for="sports_4">Baseball</label></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="commentbody">
<div id="info_usefulness_text" class="commentcategories">7.In your opnion, Which car is the best?</div>
<!-- INPUT LAYOUT START -->
<div class="commentcategories"><fieldset id="fieldset_car">
<legend style="display:none;"></legend>
<table style="width:100%;" summary="Answers of car"><caption style="display:none">Answers of car</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of car. Column number 1"><caption style="display:none">Answers of car. Column number 1</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="63" type="checkbox" name="car_1" id="car_1" value="1"/></td>
<td class="commentcategories"><label for="car_1">Porsche</label></td>
</tr>
<tr>
<td><input tabindex="64" type="checkbox" name="car_2" id="car_2" value="1"/></td>
<td class="commentcategories"><label for="car_2">BMW </label></td>
</tr>
</tbody></table>
</td>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of car. Column number 2"><caption style="display:none">Answers of car. Column number 2</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="65" type="checkbox" name="car_3" id="car_3" value="1"/></td>
<td class="commentcategories"><label for="car_3">Lamborgini</label></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<div class="commentbody">
<div id="technical_text" class="commentcategories">8.In your opnion, Which shows are the best?</div>
<!-- INPUT LAYOUT START -->
<div class="commentcategories"><fieldset id="fieldset_show">
<legend style="display:none;"></legend>
<table style="width:100%;" summary="Answers of show"><caption style="display:none">Answers of show</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of show. Column number 1"><caption style="display:none">Answers of show. Column number 1</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="66" type="checkbox" name="show_1" id="show_1" value="1"/></td>
<td class="commentcategories"><label for="show_1">Battlestar </label></td>
</tr>
<tr>
<td><input tabindex="67" type="checkbox" name="show_2" id="show_2" value="1"/></td>
<td class="commentcategories"><label for="show_2">South Park</label></td>
</tr>
</tbody></table>
</td>
<td style="vertical-align:top;width:50%;">
<table cellspacing="0" summary="Answers of show. Column number 2"><caption style="display:none">Answers of show. Column number 2</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody>
<tr>
<td><input tabindex="68" type="checkbox" name="show_3" id="show_3" value="1"/></td>
<td class="commentcategories"><label for="show_3">OverHaulin</label></td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div>
<P></P>
<P></P>
<P></P><div class="pagearea"><div class="question">
<div id="q9_text" class="text"><label for="q9"><b>9.Do you like the questions that were asked?</b></label></div>
<!-- INPUT LAYOUT START -->
<div class="answers"><fieldset id="fieldset_q9">
<legend style="display:none;"></legend>
<table summary="Answers of q9"><caption style="display:none">Answers of q9</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td class="answer"><select tabindex="1" name="q9" id="q9" >
<option value="">Please select your answer</option>
<option value="1">Yes</option>
<option value="2">No</option>
<option value="3">Maybe</option>
<option value="4">Needs work</option>
<option value="5">More questions</option>
</select>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
<P></P>
<P></P>
<P></P><div class="pagearea"><div class="question">
<div id="q10_text" class="text"><label for="q10"><b>10.What is your favorite color?</b></label></div>
<!-- INPUT LAYOUT START -->
<div class="answers"><fieldset id="fieldset_q10">
<legend style="display:none;"></legend>
<table summary="Answers of q10"><caption style="display:none">Answers of q10</caption>
<thead style="display:none"><tr><th></th><th></th></tr></thead><tbody><tr>
<td class="answer"><select tabindex="1" name="q10" id="q10" >
<option value="">Please select your answer</option>
<option value="1">White</option>
<option value="2">Green</option>
<option value="3">Blue</option>
<option value="4">Black</option>
<option value="5">Purple</option>
</select>
</td>
</tr>
</tbody></table>
</fieldset>
</div><!-- INPUT LAYOUT END -->
</div><div class="navigationarea"><input type="submit" class="navigation" tabindex="9998" id="okbutton" name="__fwd" value="Submit"/></div>
<HR>
14-Nov-2006, 20:13
First week of IA training by crystalattice
Similar Threads
