Web Foundations/Forms



This lesson introduces forms.

Objectives and Skills
Objectives and skills for this lesson include:
 * Create a basic HTML form that accepts user input.

Readings

 * 1)  HTML form
 * 2)  HyperText Markup Language/Forms

Text Input
A simple text box that allows input of a single line of text.

Multiline Text Input
Allows for multiple rows of data to be shown and entered.

Dropdown List
Displays a list of items a user can select from.

List Box
Allows the user to select one or more items from a list contained within a static, multiple line text box.

Option Button
Allows the user to choose only one of a predefined set of mutually exclusive options.

Check Box
Permits the user to make a choice between one of two possible mutually exclusive options.

Submit Button
A button that tells the browser to take action on the form.

Reset Button
A button that tells the browser to restore input fields to their initial values.

File
A file select control for uploading a file.

Action
Specifies the target script or file that will process the submitted form.

Get Method
Send form data as a query string with name/value pairs in the request URL.

Post Method
Send form data as a query string with name/value pairs in the HTTP request body.

Activities

 * 1) Complete the tutorial TutorialsPoint: HTML Forms

Key Terms

 * client-side script
 * Common Gateway Interface (CGI)
 * query string
 * server-side script