Name:
Class:
Date:
True / False
1. Users provide most information in a form through input elements.
a.
True
b.
False
True
1
264
2. If your web form includes a single field into which users entered their first and last names, you can easily sort the
resulting information by last name.
a.
True
b.
False
False
1
264
3. Like a table, a web page form contains a series of columns and column headings.
a.
True
b.
False
False
1
4. Specifying the value text for the type attribute creates a generic text box.
a.
True
b.
False
True
1
268
5. Labels and fields don’t usually require styling to optimize usability.
a.
True
b.
False
False
1
270
6. The value submitted for a check box is the text entered by a user in the box.
a.
True
b.
False
False
1
272
Name:
Class:
Date:
7. Each input element in a set of option buttons must include the name attribute with a value different than other
members of the set.
a.
True
b.
False
False
1
274
8. When using a drop-down menu, once a user clicks an option to select it, the list is hidden and the selected value is
displayed in the text box.
a.
True
b.
False
True
1
276
9. User agents group the name attribute of each field with the value entered or selected by a user.
a.
True
b.
False
True
1
278
10. For a field with the type value number, some modern browsers flag or reject non-numerical input.
a.
True
b.
False
True
1
278
Modified True / False
11. Form elements in which users enter or select data are known as fields or labels._________________________
False – controls
1
264
12. Although older browsers don’t recognize email or other modern type values, all browsers default to a value of
blank if no other recognized value is specified. _________________________
False – text
268
13. For a field with the value email for the type attribute, touchscreen devices may display buttons such as an @
Name:
Class:
Date:
key._________________________
14. You customize the size of a text box with the CSS length property. _________________________
15. When you want users to be able to select one or more predefined choices independent of each other, a(n) check box
usually makes the most sense._________________________
16. You use the choice element to create a drop-down menu, with option elements nested within it to specify the list
items._________________________
17. Each option element defines a single menu option for a drop-down menu._________________________
18. You can add the selected attribute to an option element in order to make it selected by default.
_________________________
19. A form needs to include a(n) upload button, which is a button that users can click to submit the data they’ve entered.
_________________________
20. The action attribute is added to the opening form tag to specify the name and location of a script that will accept
the form data. _________________________
Name:
Class:
Date:
Multiple Choice
21. Which of the following is a component of a form?
a.
check box
b.
cell
c.
figure
d.
list item
1
265
22. ____ are displayed on web pages as boxes to check, boxes in which to enter text, or lists of options.
a.
Fields
b.
Records
c.
Cells
d.
Buttons
1
264
23. To make the significance of each field clear to users, it’s important to associate each field with a(n) ____, which is an
element containing descriptive text that is associated with a field.
a.
attribute
b.
record
c.
button
d.
label
d
1
264
24. In most forms, groups of fields form logical units. In a web page form, these groups are known as ____.
a.
valuesets
b.
valuegroups
c.
fieldsets
d.
fieldgroups
1
264
25. By default, most browsers surround the fields in a fieldset with ____, creating a visual cue that the fields share a
common subject.
a.
a circle
b.
a box
c.
a gray shadow
d.
a black shadow
b
1
264
26. You can further increase the usability of your form by adding a descriptive title to each fieldset. Such a title is known
as a ____.
a.
label
b.
title
c.
legend
d.
callout
Name:
Class:
Date:
27. A __________ allows users to enter multiple lines of text.
a.
text area
b.
text box
c.
label
d.
fieldset
1
28. The ____ element marks a single entry in a drop-down list.
a.
input
b.
option
c.
select
d.
label
b
265
29. The ____ element marks a set of entries to display as a drop-down list.
a.
input
b.
option
c.
select
d.
label
1
265
30. The ____ element marks a multiline area where users can enter text.
a.
input
b.
inputarea
c.
text
d.
textarea
1
31. The ____ attribute specifies how many rows of input are visible.
a.
rows
b.
visible
c.
input
d.
show
268
32. The ____ attribute approximates how many characters should fit across the box.
a.
box
b.
cols
c.
font
d.
chars
1
268
264
Name:
Class:
Date:
33. The type value ____ for the input element causes most browsers to display text entered by users as bullets or
asterisks rather than showing the actual characters.
a.
password
b.
hide
c.
secure
d.
username
34. The type value ____ for the input element may cause modern browsers to validate that entries are valid email
addresses.
a.
check
b.
mail
c.
email
d.
scan
35. The type value ____ for the input element may cause modern browsers to validate entries to ensure that they are
valid web addresses.
a.
web
b.
addr
c.
www
d.
url
36. The type value ____ for the input element may cause modern browsers to style input to match styling of search
boxes in other parts of the user interface.
a.
find
b.
input
c.
select
d.
search
37. The type value ____ for the input element may cause touchscreen devices to display keyboards with -, *, and #
keys.
a.
url
b.
password
c.
telephone
d.
tel
38. You can use the __________ attribute to populate text boxes with instructions in modern browsers.
a.
placeholder
b.
instructions
c.
text
d.
tip
Name:
Class:
Date:
1
270
39. A check box should always ____ its label text for optimal usability.
a.
follow
b.
precede
c.
be separated by 2 spaces from
d.
be separated by 1 space from
b
1
272
40. An option button is also known as a(n) ____ button and is best suited for prompting users to select only one item from
a group.
a.
select
b.
bullet
c.
radio
d.
toggle
1
274
41. Browsers display a drop-down menu as a small text box with a(n) ____ next to it.
a.
square
b.
diamond
c.
circle
d.
arrowhead
1
276
42. A(n) ___________ element with a type value of submit is used to create a submit button.
a.
form
b.
button
c.
input
d.
fieldset
1
278
43. You create a submit button using an image with the value __________ for the type attribute.
a.
button
b.
image
c.
reset
d.
submit
b
1
278
44. The __________ button is not used by some designers because a user can confuse it with a submit button and
inadvertently lose all input.
a.
clear
b.
reset
c.
image
d.
undo
Name:
Class:
Date:
45. An input element with a type value of ____ creates a generic button that can be programmed using a script.
a.
generic
b.
button
c.
script
d.
input
46. Referring to the figure above, the words “Name” and “Email” were created with the ____ element.
a.
label
b.
legend
c.
input
d.
h3
47. Referring to the figure above, the box around the text “Schedule” and “Number of nights” was created with the
__________ element.
a.
input
b.
textarea
c.
fieldset
d.
field
Name:
Class:
Date:
48. Referring to the figure above, the word “Schedule” was created with the ____ element.
a.
input
b.
label
c.
fieldset
d.
legend
49. Referring to the figure above, the large text box shown to the right of “Feedback, special requests, or other
information” is a(n) ____ element.
a.
input
b.
textarea
c.
select
d.
option
50. Referring to the figure above, the word “occasion” is an example of the value of the ____ attribute for a set of option
buttons.
a.
name
b.
legend
c.
label
d.
value
51. Referring to the figure above, the word “Celebration” is an example of the value of the ____ attribute for an option
button.
a.
name
b.
legend
c.
label
d.
value
52. Referring to the figure above, “Vacation” is chosen by default by using the ____ attribute.
a.
chosen
b.
checked
c.
marked
d.
button
53. Referring to the figure above, the buttons were created using the ____ value for the type attribute.
a.
text
b.
radio
c.
checkbox
d.
button
54. Referring to the figure above, the box containing the text “2019”, “2020”, and “2021” was created with a single
__________ element.
a.
select
b.
option
c.
input
d.
textarea
55. Referring to the figure above, the text “2021″ was added using the __________ element.
a.
select
b.
option
c.
input
d.
textarea
Name:
Class:
Date:
Case-Based Critical Thinking Question
Sophia has a website that promotes her hairstyling business. She wants to expand her new customer contact form with a
few additional questions.
56. Sophia wants to include a single set of buttons asking about different aspects of the client’s hair, including length,
color, and curl. To allow clients to select more than one box in the set, she should use __________.
a.
check boxes
b.
option buttons
c.
either a or b
d.
neither a nor b
Critical Thinking
57. Sophia wants to include a single set of buttons asking about how often the client prefers to have their hair done. To
ensure that clients select only one box in the set, she should use __________.
a.
check boxes
b.
option buttons
c.
either a or b
d.
neither a nor b
Critical Thinking
Case-Based Critical Thinking Question
Brendan is debugging the website for a cooking and baking supply store. The site includes a web form that customers can
complete to request hard to find items.
58. Brendan recognizes that the HTML for the form is missing the element to indicate a single entry in a drop-down list,
which is ____.
a.
input
b.
select
c.
label
d.
option
Critical Thinking
59. Brendan’s debugging also reveals that the form is missing the closing tag for the element that encloses all of the
elements in the form, which is __________.
a.
form
b.
fieldset
c.
input
d.
select
Critical Thinking
60. Brendan notices that the last question of the form allows users to write their comments, but uses a field created with
Name:
Class:
Date:
the input element. To allow users to enter text that spans multiple lines, he replaces the field with the __________
element.
a.
select
b.
fieldset
c.
label
d.
textarea
d
Critical Thinking
Completion
61. “Control” is another term for a(n) __________.
264
62. A group of fields that forms a logical unit is known as a(n) __________.
field set
264
63. A descriptive title for a fieldset is known as a(n) __________.
legend
64. You can create different kinds of fields with the input element by specifying different values for the __________
attribute.
1
65. A(n) ________________ is a box that users can click to add or remove a check mark, enabling users to select or
deselect it.
check box
1
66. Touchscreen devices with on-screen keyboards may display customized buttons for certain values of the type
attribute for the __________ element.
input
269
Name:
Class:
Date:
67. Each element in a set of option buttons must include the __________ attribute with a value identical to all other
members of the set.
ANSWER:
name
1
REFERENCES:
274
Matching
Match each element with the description of what it marks.
a.
A group of related form fields and associated labels
b.
All the elements that are part of a form
c.
Where users enter or select data
d.
Text describing a field
e.
Text describing the topic of a fieldset
REFERENCES:
264
68. legend
1
69. form
ANSWER:
b
1
70. field
ANSWER:
1
71. fieldset
ANSWER:
1
72. label
d
POINTS:
1
Essay
73. List and describe 3 kinds of form fields that you can create with the input element.
Finally, you can create text boxes, into which users can type a single line of text.
1
Name:
Class:
Date:
74. What attribute must the form element contain to enable form submission? What attribute must all elements within the
form contain? How are the values of these attributes used in form submission?
75. Describe the difference between a text box and a text area, and explain when you would use each one.