HTML 4 Hypertext Markup Language Creating Forms Science & Art Multimedia
HTML – Forms (21% of test) Why forms are important: allows visitors to communicate with you provides important information (ie. Polls) processes pertinent data (cgi scripts)cgi scripts provides ecommerce options (ie. shopping carts)
determine what information you require write out your form on paper first keeping your form simple at first helps look for ideas on the internet response-o-matic (pg. 195)response-o-matic Creating Forms: Resources (pg.190)Resources NOTE: Most visitors will not fill out long forms
Forms have three main parts: 1.Form tag, which includes the url or cgi script 2.Form elements, such as fields and menus 3.Submit button, which sends the data (reset button, which empties data from form) Creating Forms:
( address) Comments? Form tags: Form sent by (pg. 194)
Name: Address: City: Province: Postal Code: Form tags: Creating Text Boxes (pg. 194)
Comments? name= text that identifies data sent to server rows= height of text area cols= width of text area wrap= lines of text are automatically wrapped within the margins of the text area Form tags: Creating Larger Text Areas (pg. 198)
King Queen Single Double Form tags: Creating Radio Buttons (pg. 199) “size” identifies the name of the radioset, and links the group of radio buttons “value” identifies the text that will be sent to the server based on the visitor’s choice
Footboard Drawers Casters Squeak Proofing Form tags: Creating Check Boxes (pg. 200) “extras” identifies the name of the checkbox, and links the group of checkboxes “value” identifies the text if the box has been checked, and sends data to server
Type of Wood Mahogany Maplewood Pine Cherry Form tags: Creating Menus (pg. 201)
Form section on test: