HTML Basics - Part 11 of 12
by Matthew Bacon

Forms
It always nice to receive feedback about your web site :-) HTML forms provide a way to prompt the reader for information such as "Do you like my site?", "How do I become a millionaire?", "Does anyone know the meaning of life?" - you get the idea!

A HTML form is contained between the tags, <FORM> and </FORM> Between these tags, one or more <INPUT>, <SELECT> or <TEXTAREA> tags should appear. All of these tags have associated attributes which are shown in the example below. I have found the best way to understand how HTML forms work is by example, so here goes...

      Surname: 
   First name: 
 
      Address: 
               
               
          Zip: 
 
      Country: 
FRANCE
GERMANY
ITALY
SPAIN
SWEDEN
UK
 
       E-mail: 
          URL: 
 
          Age:  under 25
                over 25
 
     I use a :  Atari ST/STe 
                Falcon030
                Other
 
           OS: 
TOS 1.0
TOS 1.2
TOS 1.4 Rainbow TOS
TOS 1.6x
TOS 2.06
TOS 3.06
TOS 4.x
MagiC
Geneva
 
     Password: 
 
 Rate my site: 
10/10
9/10
8/10
7/10
6/10
5/10
4/10
3/10
2/10
1/10
 
      Message: 
 
                 

Here is the HTML source code for the above form. NB: if you do not include a Submit button then your form cannot be transmitted. The destination E-mail address for the form appears after MAILTO:

<form method="post" action="MAILTO:html@myatari.net">
<pre>
      Surname: <input type="text" name="surname" size="30">
   First name: <input type="text" name="firstname" size="30">  
      Address: <input type="text" name="address1" size="30">
               <input type="text" name="address2" size="30">
               <input type="text" name="address3" size="30">
          Zip: <input type="text" name="zip" size="15">
 
      Country: <select name="country">
<option>FRANCE</option>
<option>GERMANY</option>
<option>ITALY</option>
<option>SPAIN</option>
<option>SWEDEN</option>
<option>UK</option></select>
 
       E-mail: <input type="text" name="email" size="30">
          URL: <input type="text" name="url" size="30">
 
          Age: <input type="radio" name="under" value="1"> under 25
               <input type="radio" name="over" value="2"> over 25
 
     I use a : <input type="checkbox" name="st"> Atari ST/STe
               <input type="checkbox" name="falcon"> Falcon030
               <input type="checkbox" name="other"> Other
 
           OS: <select name="os" multiple>
<option>TOS 1.0</option>
<option>TOS 1.2</option>
<option>TOS 1.4 Rainbow TOS</option>
<option>TOS 1.6x</option>
<option>TOS 2.06</option>
<option>TOS 3.06</option>
<option>TOS 4.x</option>
<option>MagiC</option>
<option>Geneva</option></select>
 
     Password: <input type="password" name="password" size="30">
 
 Rate my site: <select name="rate">
<option>10/10</option>
<option>9/10</option>
<option>8/10</option>
<option>7/10</option>
<option>6/10</option>
<option>5/10</option>
<option>4/10</option>
<option>3/10</option>
<option>2/10</option>
<option>1/10</option></select>
 
      Message: <textarea name="message" rows="4" cols="30"></textarea>
 
               <input type="submit">  <input type="reset"></pre>
</form>

Previous

Next