Setting Up a Web Site - Advanced

HTML Form Features

Form Tags

<FORM METHOD="POST" ACTION="demo1.cgi"> </FORM>
Sets up a form in an HTML document
<INPUT>
Defines an input field
<SELECT> </SELECT>
Selection from a list
<TEXTAREA> </TEXTAREA>
Start and end of text input area

Input Fields

This is the basic input field:

     Name: 
  Address: 
     City: 
    State: 
      Zip: 
      SSN:
Comments or questions:

Radio Buttons

Radio buttons let you select one item:

Student type (please choose one): Freshman Transfer Readmit

Degree program (please choose one): B.A. B.S. B.S.Ed.

The Select Tag

Can create pull-down boxes to make selections:

Choose a semester:

Area of interest (choose as many as you are interested in):

Checkbox Input

Can also be used for multiple selections:

Please send the following:

Application
Financial Aid Form
Scholarship Information

How did you hear about us?

Friend
Teacher
Magazine

Buttons

Buttons signal an action to take to process the form:

Select term to schedule:

Types of Uses

   

   

Processing Form Data

Mailing option:

<FORM METHOD="POST" ACTION="mailto:pfdemp@ship.edu"> </FORM>

Data from the form is sent to the server in this format:

name=John+Doe&addr1=123+Main+Street&city=Shippensburg
&state=PA&zip=17257&ssn=123456789&status=Trans&dgree=BS
&sem=F97&send=App&send=Aid&teach=on&pgms=Finance&pgms=History
&comments=Send+work+study+form.%0D%0AThank+you
   

Go to Top of Page

Back to Contents Page

Web Development Workshop
1999 MSACROA Conference
Sunday, November 28, 1999