Check out how the CGI executables perform.

Below is a short HTML form for testing this and various other CGI executables. It makes a simple form on screen with two input fields and two 'buttons'.
When working off-line, on your local computer, you can change the source with your editor of choice, save the changes to disk and reload the form in your browser.

I did not invent this form myself. I leaned heavily on the works of Dick Oliver and Christoph Schlegel and made this form as a result of both men's works.

Make sure you have an Apache server running on your computer. But for Linux users this is fairly standard. Also make sure the cgi-bin is mapped to the right directory. But, again, in Linux this will be setup for you during initial system installation.
All my own experiments were done on my Hydrogen machine running Slackware Linux 8.0.

Source of 'form1.html'

<html>
 <head>
  <title>Simple input template for Mocka CGI tests</title>
 </head>
 <body>
  <form action="https://127.0.0.1/cgi-bin/testCGI" method="get">
   Name : <input name="name" type="text" size="30" maxlength="40"> <p>
   Addr : <input name="addr" type="text" size="30" maxlength="40"> <p>
   <input type="submit" value="Send data now">
   <input type="reset"  value="Erase all">
  </form>
 </body>
</html>
   
You can check out this form immediately: run test form 1 now!

A more complex form.

Below you see another form, one that has more options (all options that HTML 3.2 allows, to be precise). The idea is that you play with this source and change it in an editor, while you see the results in a browser in another desktop.

Source of 'form2.html'

<html>
 <head>
  <title>A somewhat bigger form with more options [Mocka CGI project]</title>
 </head>
 <body>
  <h2>Public and private transportation survey.</h2>
  <form method="get" action="127.0.0.1/cgi-bin/testCGI">
   <input type="hidden" name="Information" value="Transportation survey">
   <pre>
Which kinds of transportation do you use regularly:

    <input type="checkbox" name="Product" value="car"> Automobile
    <input type="checkbox" name="Product" value="bike"> Bicycle
    <input type="checkbox" name="Product" value="plane"> Airplane
    <input type="checkbox" name="Product" value="train"> Railways
    <input type="checkbox" name="Product" value="boat"> Ships and ferries
    <input type="checkbox" name="Product" value="foot"> Pedestrian
    <input type="checkbox" name="Product" value="busLD"> Greyhound
    <input type="checkbox" name="Product" value="busSD"> City bus
    <input type="checkbox" name="Product" value="tram"> Streetcar
    <input type="checkbox" name="Product" value="metro"> Subway

Enter the name of the country you live in:  <input type="text" name="country" size="20">
Continent:    <input type="text" name="continent" size="10">
    
What kind of credit card do you have? Select the card type with these radio buttons:
    <input type="radio" name="payment" value="a"> Amex
    <input type="radio" name="payment" value="d"> Discovery
    <input type="radio" name="payment" value="m"> Mastercard
    <input type="radio" name="payment" value="p"> Postbank
    <input type="radio" name="payment" value="v" checked> VISA
    <input type="radio" name="payment" value="n"> none
    
What's your travelling budget on a yearly base:
    <select name="HowMuch" size="3">
     <option selected> EUR 1.000.000
     <option> EUR 100.000
     <option> EUR 10.000
     <option> EUR 1.000
     <option> EUR 100
     <option> EUR 10
     <option> Nuthing
    </select>
    
Choose the month in which you were born:
    <select name="why">
     <option selected> January
     <option> February
     <option> March
     <option> April
     <option> May
     <option> June
     <option> July
     <option> August
     <option> September
     <option> October
     <option> November
     <option> December
    </select>
    
Enter any comments in this text area:

<textarea name="comments" rows="4" cols="40">
I ride a 'bent.
</textarea>
   </pre>
   <input type="submit" value="    Send data    ">
   <tt>
                    
                 
   </tt>
   <input type="reset"  value="    Clear data    ">
  </form>
  <hr>
  <table><tr><td>
   <script LANGUAGE = "JavaScript">
    document.write ("Page last revised at " + document.lastModified + "<br>");
    document.write ("This page located at " + document.URL + "<p>");
   </script>
  </td></tr></table>
  <hr>
 </body>
</html>
   
You can test this form immediately: run test form 2 now!

A more aestethic form.

Based on the workings of form 2, I made form 3. Essentially, these forms are (or should be) identical. I only poured the contents of form 2 into a big table so that the input fields are all aligned nicely.

Source of 'form3.html'

<html>
 <head>
  <title>A somewhat bigger form with more options [Mocka CGI project]</title>
 </head>
 <body>
  <h2 align="center">Public and private transportation survey.</h2>
  <form method="get" action="https://verhoeven272.nl/cgi-bin/testCGI">
   <table border="0" cellspacing="5" cellpadding="5" width="100%">
    <tr>
     <td width="40%">
      <input type="hidden" name="invisible" value="the user won't see this">
     </td>
     <td> </td>
    </tr>
    <tr>
     <td valign="top">Which kinds of transportation do you use regularly:</td>
     <td>
      <input type="checkbox" name="vehicle" value="car"> Automobile<br>
      <input type="checkbox" name="vehicle" value="bike"> Bicycle<br>
      <input type="checkbox" name="vehicle" value="plane"> Airplane<br>
      <input type="checkbox" name="vehicle" value="train"> Railways<br>
      <input type="checkbox" name="vehicle" value="boat"> Ships and ferries<br>
      <input type="checkbox" name="vehicle" value="foot"> Pedestrian<br>
      <input type="checkbox" name="vehicle" value="busLD"> Greyhound<br>
      <input type="checkbox" name="vehicle" value="busSD"> City bus<br>
      <input type="checkbox" name="vehicle" value="tram"> Streetcar<br>
      <input type="checkbox" name="vehicle" value="metro"> Subway
     </td>
    </tr>
    <tr>
     <td valign="top">Enter the name of the country you live in:</td>
     <td><input type="text" name="country" size="20"></td>
    </tr>
    <tr>
     <td valign="top">Continent:</td>
     <td><input type="text" name="continent" size="10"></td>
    </tr>
    <tr>
     <td valign="top">
      What kind of credit card do you have? Select the card type with
      these radio buttons:
     </td>
     <td>
      <input type="radio" name="ChargeCard" value="a"> Amex
      <br>
      <input type="radio" name="ChargeCard" value="d"> Discovery
      <br>
      <input type="radio" name="ChargeCard" value="m"> Mastercard
      <br>
      <input type="radio" name="ChargeCard" value="p"> Postbank
      <br>
      <input type="radio" name="ChargeCard" value="v" checked> VISA
      <br>
      <input type="radio" name="ChargeCard" value="n"> none
     </td>
    </tr>
    <tr>
     <td valign="top">What's your travelling budget on a yearly base:</td>
     <td>
      <select name="Budget" size="3">
       <option selected> EUR 1.000.000
       <option> EUR 100.000
       <option> EUR 10.000
       <option> EUR 1.000
       <option> EUR 100
       <option> EUR 10
       <option> Nuthing
      </select>
     </td>
    </tr>
    <tr>
     <td valign="top">Choose the month in which you were born:</td>
     <td>
      <select name="month">
       <option selected> January
       <option> February
       <option> March
       <option> April
       <option> May
       <option> June
       <option> July
       <option> August
       <option> September
       <option> October
       <option> November
       <option> December
      </select>
     </td>
    </tr>
    <tr>
     <td valign="top">Enter any comments in this text area:</td>
     <td>
      <textarea name="comments" rows="4" cols="40">I ride a 'bent.</textarea>
     </td>
    </tr>
    <tr>
     <td align="center"><input type="submit" value="Send data"></td>
     <td align="center"><input type="reset"  value="Clear data"></td>
    </tr>
   </table>
  </form>
  <hr>
  <table><tr><td>
   <script LANGUAGE = "JavaScript">
    document.write ("Page last revised at " + document.lastModified + "<br>");
    document.write ("This page located at " + document.URL + "<p>");
   </script>
  </td></tr></table>
  <hr>
 </body>
</html>
   
You can test this form immediately: run test form 3 now!

Page created in 2004,