<script type="text/javascript"> 
function ajaxFunction() 
{ 
// this will be your request object  
var req = null;  
  
// for newer IE browsers  
try {  
    req = new ActiveXObject("Msxml2.XMLHTTP");  
}  
catch (e) {  
    // in case that fails, try for older IE browsers  
    try {  
        req = new ActiveXObject("Microsoft.XMLHTTP");  
    }  
}  
// otherwise use the Firefox/Chrome/etc objects  
if (req == null) req = new XMLHttpRequest();  
  
// set up an onreadystatechange callback  
// it'll be called when the request state changes  
req.onreadystatechange = process_req_change;  
req.open("GET", "quiz1.py", true);  
req.send(null);  
 
function process_req_change()  
{  
    // when the state is 4, it means that the  
    // data has been retrieved and can be used  
    if (req.readyState == 4)  
    {  
       // make sure HTTP/1.1 status code 200  
       // has been sent (OK).  
       if (req.status == 200)  
       {  
           response = req.responseText;  
           document.getElementById('result').innerHTML = response; 
       }  
       // it's an error otherwise  
       else  
       {  
           alert("Problem retrieving data by AJAX.");  
       }  
    }  
}  
} 
</script> 
 
<div id="result"></div> 
 
<form method="get" action="javascript: ajaxFunction(); return false;"> 
 
<ol> 
  <li> 
  In the animé series, what is the main character's last name? 
  <br /> 
  <input type="text" name="q1" /> 
  </li> 
 
  <li> 
  What is the first Pokémon's name in the National Pokédex? 
  <br /> 
  <input type="text" name="q2" /> 
  </li> 
 
  <li> 
  What Pokémon could change gender when it evolves? <!--Azurill--!> 
  <br /> 
  <input type="text" name="q3" /> 
  </li> 
 
  <li> 
  This Pokémon is the pokemon with the lowest base stats <!--Shedinja--!> 
  <br /> 
  <input type="text" name="q4" /> 
  </li> 
 
  <li> 
  What Pokémon has the lowest base stats without anything special to make up for it's lack?<!--Luvdisc--!> 
  <br /> 
  <input type="text" name="q5" /> 
  </li> 
</ol> 
<input type="submit" /> 
</form> 

#!/usr/bin/python 
 
print "Content-Type: text/html\n" 
 
import cgi 
import cgitb 
cgitb.enable() 
 
form = cgi.FieldStorage() 
 
i = 0 
 
set = 0 
 
omgarray = ["q1", "q2", "q3", "q4", "q5"] 
 
while i < 5: 
    check = omgarray[i] 
    if form.has_key(check): 
        i = i + 1 
        set = set + 1 
    else: 
        wrong = i + 1 
        i = i + 1 
 
if set == 5: 
    correct = 0 
    i = 0 
    answers = ["Ketchum", "Bulbasaur", "Azurill", "Shedinja", "Luvdisc"] 
    while i < 5: 
        check = omgarray[i] 
        if form.getvalue(check) == answers[i]: 
            correct = correct + 1 
        i = i + 1 
    print "You got %d right." % correct 
else: 
    print "You left %d fields blank." % wrong 

<script type="text/javascript"> 
var req = null; 
 
function process_req_change()   
{   
    // when the state is 4, it means that the   
    // data has been retrieved and can be used   
    if (req.readyState == 4)   
    {   
       // make sure HTTP/1.1 status code 200   
       // has been sent (OK).   
       if (req.status == 200)   
       {   
           response = req.responseText;   
           document.getElementById('result').innerHTML = response;  
       }   
       // it's an error otherwise   
       else   
       {   
           alert("Problem retrieving data by AJAX.");   
       }   
    }   
}   
 
function ajaxFunction()  
{  
    // for newer IE browsers   
	try {   
        req = new ActiveXObject("Msxml2.XMLHTTP");   
    }   
    catch (e) {   
        // in case that fails, try for older IE browsers   
        try {   
            req = new ActiveXObject("Microsoft.XMLHTTP");   
        } 
		catch (e) {} 
	} 
    // otherwise use the Firefox/Chrome/etc objects   
    if (req == null) req = new XMLHttpRequest();   
     
	// get answer data 
	var the_answers = ""; 
	 
	var answers = document.getElementById("inputlist").getElementsByTagName("li");  
	for (var i = 0; i < answers.length; i++) 
	{ 
		var inputs = answers[i].getElementsByTagName("input"); 
		 
		for (var j = 0; j < inputs.length; j++) 
		{ 
			name = inputs[j].getAttribute("name"); 
			status = inputs[j].value; 
			 
			if (status == null) status = "";			 
			the_answers += "&" + name + "=" + status; 
		} 
	} 
	the_answers = the_answers.substr(1, the_answers.length); 
	 
    // set up an onreadystatechange callback   
    // it'll be called when the request state changes   
    req.onreadystatechange = process_req_change;   
    req.open("GET", "quiz1.py?" + the_answers, true);   
    req.send(null); 
}  
</script> 

<div id="result"></div>  
<form method="get" onsubmit="return false;">  
  
<ol id="inputlist">  
  <li>  
      In the animé series, what is the main character's last name?  
      <br />  
      <input type="text" name="q1" value="" />  
  </li>  
  
  <li>  
      What is the first Pokémon's name in the National Pokédex?  
      <br />  
      <input type="text" name="q2" value="" />  
  </li>  
  
  <li>  
      What Pokémon could change gender when it evolves? 
      <br />  
      <input type="text" name="q3" value="" />  
  </li>  
  
  <li>  
      This Pokémon is the pokemon with the lowest base stats 
      <br />  
      <input type="text" name="q4" value="" />  
  </li>  
  
  <li>  
      What Pokémon has the lowest base stats without anything special to make up for it's lack?<!--Luvdisc-->  
      <br />  
      <input type="text" name="q5" value="" />  
  </li>  
</ol>  
<input type="submit" onmouseup="ajaxFunction(); return false;" /> 

<!-- comment --> 

#!/usr/bin/python  
  
print "Content-Type: text/html\n"  
  
import cgi  
import cgitb 
cgitb.enable()  
  
form = cgi.FieldStorage()  
  
wrong = 0   
set = 0 
omgarray = ["q1", "q2", "q3", "q4", "q5"]  
 
for check in omgarray:  
    if form.has_key(check): set += 1 
    else: wrong += 1 
 
if set == 5:  
    correct = 0  
    i = 0  
    answers = ["Ketchum", "Bulbasaur", "Azurill", "Shedinja", "Luvdisc"]  
    while i < 5:  
        check = omgarray[i]  
        if form[check].value == answers[i]: correct += 1  
        i += 1  
    print "You got %d right." % correct  
else:  
    print "You left %d fields blank." % wrong 

#!/usr/bin/env python 
import cgi; 
 
# header 
print "Content-Type: text/html"; 
print ""; 
 
# list of all questions 
questions = [ 
  { 
    "question": "Question 1", 
    "correct": 1, # NOTE array index, not id 
    "options": [ 
      "Wrong one", 
      "Correct one", 
      "Wrong one" 
    ] 
  }, 
  { 
    "question": "Question 2", 
    "correct": 0, 
    "options": [ 
      "Correct one", 
      "Wrong one", 
      "Wrong one" 
    ] 
  }, 
  { 
    "question": "Question 3", 
    "correct": 1, 
    "options": [ 
      "Wrong one", 
      "Correct one", 
      "Wrong one" 
    ] 
  }, 
]; 
 
form = cgi.FieldStorage(); 
 
if ('submit' in form): 
  # print results 
  print "<div>"; 
  print "<ul>"; 
 
  correct = 0; 
  unanswered = 0; 
  wrong = 0; 
 
  i = 0; 
  for question in questions: 
    # check all questions 
    print "<li><b>%s</b>:" % question["question"]; 
 
    # make sure that form field exists 
    try: 
      answer = form["radio%s" % i].value; 
    except KeyError: 
      answer = '-'; 
 
    # result 
    if (answer == "%d" % question["correct"]): 
      print " <span style='color:green'>Correct.</span>"; 
      correct += 1; 
    elif (answer == "-"): 
      print " <span style='color:orange'>Unanswered.</span>"; 
      unanswered += 1; 
    else: 
      print " <span style='color:red'>Wrong.</span>"; 
      wrong += 1; 
 
    print "</li>"; 
    i += 1; 
  print "</ul>"; 
  print "<p><strong>%d</strong> correct, <strong>%d</strong> wrong, <strong>%d</strong> unanswered, <strong>%d</strong> total</p>" % (correct, wrong, unanswered, i); 
  print "</div>"; 
 
else: 
  # print form 
  print "<form action='#' method='post'>"; 
  i = 0; 
  for question in questions: 
    print "<fieldset>"; 
    print " <legend id='question%d'>%s</legend>" % (i, cgi.escape(question["question"])); 
    print " <div>"; 
 
    # print options 
    j = 0; 
    for optionname in question["options"]: 
      print "   <input type='radio' name='radio%d' value='%d' %s/>%s<br />" % (i, j, ["checked='checked' ", ''][not not j], optionname); 
      j += 1; 
 
    print " </div>"; 
    print "</fieldset>"; 
    i += 1; 
 
  print "<input type='submit' name='submit' value='Submit' />"; 
  print "</form>";