weballey logo
left forms tutorial backnext right
homesearchsite mape-mail
< intro >
e-mail form
      Unless you're entirely new to the web, you probably have used html forms one way or another. Try my web announcer or my site recommender. They enable you to enter data, and send it to a web server. The server interprets those data and does something with them. If you would like to create these forms yourself, but don't know how to, this tutorial is just what the doctor ordered


    Like most html tags the form has an opening and a closing tag. Only the closing tag has a forward slash in front. If you are unfamiliar with html, you may want to have a look at the html tutorial first. In most browsers forms influence the page layout. They start on a new line, and have a blank line before and after.


    Data can be entered in input boxes, specified by the INPUT tag. The default is a one line text box. The size depends on type of browser, and font settings. With these tags you now have a complete and valid html form.

<INPUT NAME="name">

    Most forms consist of multiple input fields. To discern between them you give the fields a name. This also makes it possible to work with the data the form produces. You can name it anything you like, just beware of exotic characters. Simple alphanumeric characters should be fine.
    What you have now is a complete form. A bit rudimentary, but you can put it on the web and it should work fine. It does not really do anything yet, but we will have a look at that later.

left Copyright © Gerben Hoekstra - All rights reserved backnext right