Section 9.3. A Simple Form Example


9.3. A Simple Form Example

In a moment, we'll examine each of the many form controls in detail. Let's first take a quick look at a simple example, to see how forms are put together. This HTML form (shown in Figure 9-1) gathers basic demographic information about a user :

Figure 9-1. A simple form

 <form method=POST action="http://www.kumquat.com/demo">   Name:     <input type=text name=name size=32 maxlength=80>   <p>   Sex:     <input type=radio name=sex value="M"> Male     <input type=radio name=sex value="F"> Female   <p>   Annual Income:     <select name=income size=1>       <option>Under ,000       <option>,001 to ,000       <option>,001 and higher     </select>   <p>   <input type=submit> </form> 

The first line of the example starts the form and indicates we'll be using the POST method for data transmission. The form's user-input controls follow, each defined by an <input> tag and type attribute. There are three controls in the simple example, each contained within its own paragraph.

The first control is a conventional text-entry field, letting the user type up to 80 characters but displaying only 32 of them at a time. The next one is a multiple-choice option, which lets the user select only one of two radio buttons . This is followed by a pull-down menu for choosing one of three options. The final control is a simple submission button, which, when clicked by the user, sets the form's processing in motion.



HTML & XHTML(c) The definitive guide
Data Networks: Routing, Security, and Performance Optimization
ISBN: 596527322
EAN: 2147483647
Year: 2004
Pages: 189
Authors: Tony Kenyon

flylib.com © 2008-2017.
If you may any questions please contact us: flylib@qtcs.net