• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

9. Forms > A Simple Form Example

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:

<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 $25,000
      <option>$25,001 to $50,000
      <option>$50,001 and higher
    </select>
  <p>
  <input type=submit>
</form>
A simple form

Figure 9-1. A simple form

The first line of the example starts the form and indicates we’ll be using the POST method for data transmission to the forms-processing server. 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.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint