eXtropia: the open web technology company
Technology | Support | Tutorials | Development | About Us | Users | Contact Us
Resources
 ::   Tutorials
 ::   Presentations
Perl & CGI tutorials
 ::   Intro to Perl/CGI and HTML Forms
 ::   Intro to Windows Perl
 ::   Intro to Perl 5
 ::   Intro to Perl
 ::   Intro to Perl Taint mode
 ::   Sherlock Holmes and the Case of the Broken CGI Script
 ::   Writing COM Components in Perl

Java tutorials
 ::   Intro to Java
 ::   Cross Browser Java

Misc technical tutorials
 ::   Intro to The Web Application Development Environment
 ::   Introduction to XML
 ::   Intro to Web Design
 ::   Intro to Web Security
 ::   Databases for Web Developers
 ::   UNIX for Web Developers
 ::   Intro to Adobe Photoshop
 ::   Web Programming 101
 ::   Introduction to Microsoft DNA

Misc non-technical tutorials
 ::   Misc Technopreneurship Docs
 ::   What is a Webmaster?
 ::   What is the open source business model?
 ::   Technical writing
 ::   Small and mid-sized businesses on the Web

Offsite tutorials
 ::   ISAPI Perl Primer
 ::   Serving up web server basics
 ::   Introduction to Java (Parts 1 and 2) in Slovak

 

introduction to web programming
The <Form> Tag  
The first HTML tag that you must understand is the <FORM> tag that begins and ends an HTML form.

The first thing that the <FORM> tag does is separate the interface widgets from the rest of an HTML page.

Secondly, the <FORM> tag establishes the relationship between the form and the server that will handle the user-defined data.

Specifically, the form defines three attributes that manage the interaction. These attributes are shown in the table below:

Attribute Description
METHOD Specifies the HTTP method used to send the request. This can be either GET or POST
ACTION Specifies the URL of a script that will process the user-defined data. We will talk about "Scripts" tomorrow. But for now, let's just focus on getting user data to the server. Note that if no action is specified, it will default to the current page.
ENCTYPE Specifies the way in which the form data is encoded before it is sent to the server. This defaults to application/x-www-form-urlencoded

Thus, a generic <FORM> tag might look like the following (Notice that we rarely use an ECTYPE attribute since we usually want the default):

    <FORM METHOD = "POST"
                ACTION = "/cgi-bin/script.cgi">
    </FORM>

Okay, so once we have defined out form, we need to start putting interface widgets into it.

Previous | Next | Table of Contents