weballey logo
 
left forms tutorial backnext right
homesearchsite mape-mail
< intro >
text
textarea
buttons
image
form
e-mail form
checkbox
radio
select
password
hidden
layout
cgi
tags
epilogue
      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

<FORM>
</FORM>

    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.

<FORM>
<INPUT>
</FORM>

    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.

<FORM>
<INPUT NAME="name">
</FORM>

    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.

bottom  
left Copyright © Gerben Hoekstra - All rights reserved backnext right