Home | E-mail
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:

           E-mail:
              URL:

              Age:  under 25
                    over 25

         I use a :  Atari ST/STe
                    Falcon030
                    Other

               OS:

         Password:

     Rate my site:

          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
MyAtari magazine - Tutorial #11, April 2001 | Contents Features Reviews Tutorials Regulars Adverts
[ Top of page ]
Copyright © 2001 MyAtari