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

Lesson 11. Creating Forms

Lesson 11. Creating Forms

Web sites often need to collect information from their visitors, for purposes that may include feedback, registration, polls, and e-commerce. From gathering different types of information to creating an opportunity for those visitors to interact with your site, forms provide the necessary user interface that enables you to obtain data. Forms allow you to ask visitors for specific information or give them an opportunity to send feedback, questions, or requests to you. A form contains fields in which users enter information. These fields can be text fields, radio buttons, check boxes, menus, or lists.

Form data is usually sent to a database on a server, to an email address, or to an application that will process it. Data sent by a form is a continuous string of text from the information typed by the user. CGI (Common Gateway Interface) scripts are commonly used to process form data. CGI is a standard protocol that acts as the communication link between the data from the form and the server. Talk to your Web administrator to get information about what CGI scripts your server uses.

In this project, you will build a form with various text fields, check boxes, radio buttons, submit and reset buttons, and a menu.

To see an example of the finished page for this lesson, open lights_quiz.html from the Lesson_11_Forms/Completed folder.

WHAT YOU WILL LEARN

In this lesson, you will:

  • Create a form on a Web page

  • Add single-line text fields

  • Add a multi-line text field

  • Add check boxes

  • Add radio buttons

  • Add list/menu items

  • Add buttons

  • Validate a form

  • Create a jump menu

  • Test a form

APPROXIMATE TIME

This lesson should take about one hour to complete.

LESSON FILES

Media Files:

Lesson_11_Forms/Images/lights_title.gif

Lesson_11_Forms/Images/spacer.gif

Starting Files:

Lesson_11_Forms/buoys.html

Lesson_11_Forms/gps.html

Lesson_11_Forms/lights_quiz.html

Lesson_11_Forms/radar.html

Lesson_11_Forms/related_navigation.html

Lesson_11_Forms/sonar.html

Completed Project:

Lesson_11_Forms/Completed/lights_quiz.html

Lesson_11_Forms/Completed/related_navigation.html


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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