Deck 10: Creating and Processing Web Forms

Question 1

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. _________________________

Answer 1

False

Question 2

Each input element in a set of option buttons must include the name attribute with a value different than other members of the set.

Answer 2

False

Question 3

You can add the selected attribute to an option element in order to make it selected by default. _________________________

Answer 3

True

Question 4

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._________________________

Question 5

Form elements in which users enter or select data are known as fields or labels ._________________________

Question 6

Each option element  defines a single menu option for a drop-down menu ._________________________

Question 7

A form needs to include a(n) upload button, which is a button that users can click to submit the data they've entered. _________________________

Question 8

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.

Question 9

User agents group the name attribute of each field with the value entered or selected by a user.

Question 10

Labels and fields don't usually require styling to optimize usability.

Question 11

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. _________________________

Question 12

Like a table, a web page form contains a series of columns and column headings.

Question 13

For a field with the type value number , some modern browsers flag or reject non-numerical input.

Question 14

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.

Question 15

Users provide most information in a form through input elements.

Question 16

For a field with the value email  for the type attribute, touchscreen devices may display buttons such as an @ key._________________________

Question 17

Specifying the value text for the type attribute creates a generic text box.

Question 18

The value submitted for a check box is the text entered by a user in the box.

Question 19

You use the choice element to create a drop-down menu, with option elements nested within it to specify the list items._________________________

Question 20

You customize the size of a text box with the CSS  length  property. _________________________

Question 21

The ____ element marks a single entry in a drop-down list.

A) input
B) option
C) select
D) label

Question 22

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

Question 23

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

Question 24

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

Question 25

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

Question 26

The ____ attribute approximates how many characters should fit across the box.

A) box
B) cols
C) font
D) chars

Question 27

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

Question 28

____ 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

Question 29

The ____ attribute specifies how many rows of input are visible.

A) rows
B) visible
C) input
D) show

Question 30

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

Question 31

Which of the following is a component of a form?

A) check box
B) cell
C) figure
D) list item

Question 32

The ____ element marks a set of entries to display as a drop-down list.

A) input
B) option
C) select
D) label

Question 33

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

Question 34

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

Question 35

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

Question 36

A __________ allows users to enter multiple lines of text.

A) text area
B) text box
C) label
D) fieldset

Question 37

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

Question 38

You can use the __________ attribute to populate text boxes with instructions in modern browsers.

A) placeholder
B) instructions
C) text
D) tip

Question 39

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

Question 40

The ____ element marks a multiline area where users can enter text.

A) input
B) inputarea
C) text
D) textarea

Question 41

Referring to the figure above, "Vacation" is chosen by default by using the ____ attribute

A) chosen
B) checked
C) marked
D) button

Question 42

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

Question 43

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.
Brendan notices that the last question of the form allows users to write their comments, but uses a field created with 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

Question 44

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

Question 45

Referring to the figure above, the text "2021" was added using the __________ element.

A) select
B) option
C) input
D) textarea

Question 46

You create a submit button using an image with the value __________ for the type attribute.

A) button
B) image
C) reset
D) submit

Question 47

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

Question 48

Referring to the figure above, the word "Schedule" was created with the ____ element.

A) input
B) label
C) fieldset
D) legend

Question 49

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

Question 50

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.
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

Question 51

A(n) ___________  element with a type value of submit is used to create a submit button.

A) form
B) button
C) input
D) fieldset

Question 52

Referring to the figure above, the buttons were created using  the ____ value for the type attribute.

A) text
B) radio
C) checkbox
D) button

Question 53

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

Question 54

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.
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

Question 55

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

Question 56

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

Question 57

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.
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

Question 58

Referring to the figure above, the words "Name" and "Email" were created with the ____ element.

A) label
B) legend
C) input
D) h3

Question 59

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.
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

Question 60

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

Question 61

List and describe 3 kinds of form fields that you can create with the input element.

Question 62

Touchscreen devices with on-screen keyboards may display customized buttons for certain values of the type attribute for the __________ element.

Question 63

A(n) ________________ is a box that users can click to add or remove a check mark, enabling users to select or deselect it.

Question 64

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?

Question 66

"Control" is another term for a(n) __________.

Question 67

A group of fields that forms a logical unit is known as a(n) __________.

Question 68

Describe the difference between a text box and a text area, and explain when you would use each one.

Question 69

Each element in a set of option buttons must include the __________ attribute with a value identical to all other members of the set.

Question 70

You can create different kinds of fields with the input element by specifying different values for the __________ attribute.

Question 71

A descriptive title for a fieldset is known as a(n) __________.