Unit 7 Review: Forms
Name:
Hour:
Date:
1) In your own words – what is a form? Why are they used? What do forms prevent/reduce?
2) Web Page Form Components – The following are all the types of INPUT CONTROLS we have learned concerning
forms. For each input control – decide whether it is a “text” or a “data” input control. Then decide state when the
input type will be included as a part of the <input> tag or has its own unique <tag>. If it has its own unique tag – list
the tag. Finally, discus a situation when this type of input control would most often be used. The first one is filled in
as an example.
Radio button
Check Box
Data or Text? <input>/Own Tag
Data
<input>
Purpose
A check box is used when a used must select option(s) from a list of
items. These items are predetermined (the user will not need to
enter in their own text) and the user may select numerous
checkboxes at once.
Text Area Box
Password Text Box
Submit Button
Reset Button
Selection Menu
Text Box
3) The <form></form> tags are used to create a form within an HTML document. Compare/ contrast the “action” and
“method attributes used within the <form><tag>
4) The action attribute has 2 options – what are they? Which one did we use when we processed a form in class?
5) The method attribute has 2 options as well – what are they? Which one did we commonly use in class?
6) What is the purpose of the <fieldset></fieldset> tags?
7) What tag is used with a <fieldset> set in order to display text describing the fieldset’s contents?
8) What tag must ALL input controls using the <input> tag have? Why is this attribute so important?
9) Why is the “name” attribute of the <form>, <textarea>, and <select> tasg so important when creating an HTML
form? When is this name used?
10) What is the purpose of the “value” attribute in the <input> tag?
11) What is the difference between the “size” and the “maxlength” attributes of the text box and password text box?
12) What attribute would you use to preselect a default value for a checkbox or radio box option? Does this attribute
have an values (=””)?
13) What attribute would you use to disable a checkbox or radio box option? Does this attribute have an values (=””)?
14) When creating a selection menu, we must use the <select></select> tags. What tags must be nested inside these to
create the different selections in the drop down menu
15) Fill in the blanks below with the attributes you would use in the <select> tag to do the following.
a. To indicate the number of options that will be visible to the user:
b. To allow the user to select more than one option from the list:
c. To disable an option and gray it out so the list may not be used:
16) Fill in the blanks below with the attributes you would use in the <select> tag to do the following.
a. To preselect the value in the selection list:
b. To disable an option and gray it out so it cannot be select from the list:
17) What two attributes do we use when creating a text area box? Explain in detail how you would tell the browser the
size of your text area box.
18) Write the lines of HTML code to create a three radio buttons, all named “jerseys”. The first should display the text,
“Jordy Nelson”, after the radio button, and have a value of “Nelson”. The second should display “Clay Matthews” in
a similar fashion, and have a value of “Matthews”. The third should display “Aaron Rodgers” in a similar fashion,
and have a value of “Rodgers”.
19) Write a line of HTML code to create a series of check boxes, all named “nfcnorth”. All the check boxes should
displays their text after the check box. The values and text for the check boxes are: Green Bay Packers, Detroit
Lions, Chicago Bears, and Minnesota Vikings.
20) Write the lines of HTML code to create a textarea box named “question1” that displays the text, “Why do you want
to be a part of the MHS IT Academy?” before the textarea box. The text box should display 7 lines of text, and
should be 60 characters wide.
21) Write the lines of HTML code to create a selection menu named “college”. The selection menu should only display
one choice at a time, use a list-arrow to display the other options, and allow multiple options to be selected. The
options in the selection menu are: Madison, LaCrosse, Eau Claire, Milwaukee, Oshkosh, and Stevens Point.
Milwaukee should be preselected. Madison should be disabled.
22) Write a line of HTML code to create a submit button. The button should display the text, “Submit Your Order Here”.
23) Write a line of HTML code to create a reset button. The button should display the text, “Reset Your Responses
Here”.
24) Write a line of HTML code to create a text box named “city” that displays the text, “What city do you live in?”,
before the text box. The text box should display 15 characters and hold a maximum of 24 characters.
25) Write a line of HTML code to create a password text box named “password” that displays the text, “Please enter
your password”, before the text box. The text box should display 10 characters and hold a maximum of 15
characters