NCSA HTML forms tutorial is here

Review I: HTML Forms

The following tutorial won't be long and it will assume that our examples appear in an html page: 

<html> 
<head> 
<title> 
My Document 
</title> 
</head> 
<body bgcolor=white> 


  HERE 
 

</body> 
</html>
that is, in the body of the HTML document.

Before we start we point out that the

CGI documentation
at NCSA contains a tutorial on
HTML forms.

We start, as we often do, with the empty example (in this case form):

1. The Empty Form 

<form>
</form>
And there's not much to be seen:
2. A Select Button 
<form> 
Vote for <select>  click here!
<option>  Bill Clinton
<option>  Ross Perot
<option>  Larry Bird 
</select>
Looks like this:
Vote for
3. A Text Field 
<form>
<input type="text">  
</form>
Alone, by itself, in an HTML form:
Of course these are just for display only.

4. The Submit Button 

 

This is the first time when we realize that the browser is ready 
for network operations with what our form contains. 
 
5. The Action and Method Attributes 


 

You don't see those but they are crucial for functionality. 
 
6. The Name and Value Attributes 


 


At this point it should be clear that we can have (for all practical
purposes) an unlimited number of forms on a page and form elements in
a form.