Deck 7: Designing a Web Form

Question 1

By default,legends are placed in the top-right corner of the field set box.

Answer 1

False

Question 2

The post method is the default method that tells the browser to append the form data to the end of the URL specified in the action attribute.

Answer 2

False

Question 3

When for attribute is used,the label text can be placed anywhere within the page and it will still be associated with the control.

Answer 3

True

Question 4

The most common way of accepting user input is through a web form.

Question 5

Option buttons are also called selection lists as they select data values from a more extensive list of options.

Question 6

There are predefined CSS styles to format the appearance of a placeholder.

Question 7

The id attribute is required only when it is needed to reference the control element.

Question 8

The second option in a selection list is selected by default and therefore contains the field's default value.

Question 9

For url type data,the virtual keyboard includes a key that inserts the .com character string.

Question 10

A form element must be placed only within the header tag of a web page.

Question 11

The default behavior of the selection list is to allow only one selection from the list of options.

Question 12

In a form element,attributes specify how the form should be processed by the browser.

Question 13

Client-side validation takes place on the user's browser.

Question 14

The appearance of a command,submit,and reset button is determined by the browser.

Question 15

There is no need to include a for attribute within a label element while nesting a control,if the association is made implicitly.

Question 16

The placeholder automatically disappears as soon as a user selects the control and begins to enter a value.

Question 17

A default value need not be specified; the text area box can be left empty or the placeholder attribute can be used to provide a hint to users about what to enter into the text box.

Question 18

Once the field values have been entered by the user,they are processed by a program running on the user's computer or on a web server in a secure location.

Question 19

Command buttons are created using an input element with the type attribute set to range.

Question 20

A spinner control can be used to limit a numeric field to a range of possible values,thus allowing the user to drag a marker horizontally across the possible field values.

Question 21

Identify the cross-browser style sheet that changes the text color of the placeholder text for every input box to light red for the moz extension.

A) ​input:-moz-input-placeholder {color: rgb (255,151,151);}
B) ​input::-moz-placeholder {color: rgb(255,151,151);}
C) ​input:-moz-placeholder {color: rgb (255,151,151);}
D) ​input:: moz-placeholder-webkit {color: rgb(255,151,151);}

Question 22

A data entry control is associated with a _____ in which data values supplied by the user are stored.

A) ​web server
B) ​data store
C) ​data field
D) ​desktop

Question 23

Which of the following is true of field sets?

A) ​Field sets can contain a maximum of two fields.
B) ​Field sets are created using the < area > tag.
C) ​Field sets act like control elements that are also called widgets.
D) ​Field sets act like block elements that can expand to accommodate their content.

Question 24

-In the accompanying figure,Box E represents a _____.

A) slider control
B) spin box
C) calendar control
D) check box

Question 25

If no _____ value is specified,the browser assumes a default value of text and adds a simple text input box to the web form.

A) ​id
B) ​type
C) ​name
D) ​class

Question 26

get and post are two possible values for the _____ attribute.

A) ​action
B) ​enctype
C) ​class
D) ​method

Question 27

​
In the accompanying figure,what does Box A represent?

A) ​Check box
B) ​Radio button
C) ​Input box
D) ​Label button

Question 28

Identify a true statement of a JavaScript program in a web form.

A) ​JavaScript intercepts the content of the form before the browser attempts to contact the CGI script and report whether the data contained in the survey form has been correctly filled out or not.
B) ​JavaScript is a closed-source programming language,which provides tools and a programming environment for communicating the strategy and overall administration of distributed applications.
C) ​JavaScript is extracted by all layout engines in a similar way; as a consequence,this grounds consistency in terms of functionality and interface.
D) ​JavaScript is a bug-free Visual Basic scripting language,which is used only for networking applications.

Question 29

Which of the following is true of nesting a control within a label?

A) ​It allows the user to move both the label text and the control as a single unit around the page.
B) ​It treats both the label and control as separate objects.
C) ​It restricts the association of label text with the control explicitly.
D) ​It restricts the movement of the insertion point into the control on the selection of the linked label.

Question 30

_____ are text strings that appear within a form control,providing a hint about the kind of data that should be entered into the field.

A) ​Placeholders
B) ​Labels
C) ​Scripts
D) ​Widgets

Question 31

The _____ element is used to mark the form controls that are designed to receive user responses.

A) ​fieldset
B) ​legend
C) ​input
D) ​script

Question 32

Every field set must contain the _____ element,which should have only text and no nested elements for describing its content.

A) ​legend
B) ​enctype
C) ​script
D) ​form

Question 33

A form contains _____,also called widgets,which are the objects that allow the user to interact with the form.

A) ​controls
B) ​extensions
C) ​pages
D) ​processes

Question 34

Identify a widget that allows the user to interact with the form for entering numeric values confined to a specified range.

A) ​Reset button
B) ​Slider control
C) ​Calendar control
D) ​Option button

Question 35

By default,browsers display input boxes as _____ elements with a default length of 20 characters.

A) ​inline
B) ​page
C) ​block
D) ​form

Question 36

To associate a text string entered above each input element with a control,the text string should be enclosed within the _____ element.

A) ​script
B) ​label
C) ​legend
D) ​fieldset

Question 37

​
In the accompanying figure,Box B points to _____.

A) ​option buttons
B) selection lists
C) input boxes
D) spin boxes

Question 38

Identify the significance of "text" in < form id="text" >.

A) ​It identifies the form.
B) ​It is the content of the form.
C) ​It controls the form process.
D) ​It identifies the form attributes.

Question 39

A _____ is a control used to enter text strings that may include several lines of content.

A) ​spin box
B) ​check box
C) ​Text area box
D) ​Selection list

Question 40

Identify a syntax that sets the data type of the registerDate field to "date".

A) ​< label for="register" >Date of registration< /label >
< input name="Date" id="register" / >
B) ​< label for="register" >Date of registration< /label >
< input name="registerDate" id="date" / >
C) < label for="register" >Date of registration< /label >​
< input name="registerDate" id="register" type="date" / >
D) ​< label for="register" >Date of registration< /label >
< input name="registerDate" id="date" type="register" / >

Question 41

HTML supports the _____ attributes to set the text area size.

A) ​rows and cols
B) ​x-coords and y-coords
C) ​blocks and chars
D) ​headers and footers

Question 42

Identify a syntax used to create a spinner control using an input element.

A) ​< input name="name" id="id" type="number"
Value="value" step="value" min="value" max="value" / >
B) ​< input name="name" id="id" type="number"
Value="value" set="value" min="value" max="value" / >
C) ​< input name="name" id="id" type="number"
Value="value" size="value" min="value" max="value" / >
D) ​< input name="name" id="id" type="number"
Value="value" area="value" min="value" max="value" / >

Question 43

The _____ attribute must be added to the control to identify whether the data has been supplied to those fields that are opposed to the ones that are optional.

A) ​method
B) ​enctype
C) ​required
D) ​default

Question 44

The check box control is created using the _____ element.

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

Question 45

A(n)_____ is created using the select and option elements that present users with a group of predefined possible values for the data field.

A) ​option button
B) ​selection list
C) ​check box
D) ​text area

Question 46

Identify a syntax that displays a selection list as a scroll box with 5 options visible in the web form.

A) ​< select size="5" > ...< /select >
B) ​< option size="5" > ...< /option >
C) ​< select value="5" > ...< /select >
D) ​< option value="5" > ...< /option >

Question 47

Identify an attribute that can be added to the input element to validate a text value against a regular expression.

A) ​legend="text"
B) ​method="text"
C) ​enctype="regex"
D) ​pattern="regex"​

Question 48

Command buttons are created using the input element with the type attribute set to _____.

A) ​range
B) ​number
C) ​command
D) ​button

Question 49

Identify a pseudo-class for a check box or option button whose toggle states cannot be ascertained.

A) ​valid
B) ​optional
C) ​in-range
D) ​indeterminate

Question 50

A _____ is used to restrict numeric values by displaying an up or down arrow to increase or decrease the field value by a set amount.

A) ​spinner control
B) ​check box
C) ​radio button
D) ​data list

Question 51

Identify a data type applied in an input element to create slider controls.

A) ​number
B) ​range
C) ​character
D) ​string

Question 52

Identify a list which when applied to an input box,the values appear as a pop-up list of suggested values.

A) ​Nested List
B) ​Data list
C) ​Ordered list
D) ​Selection list

Question 53

The process of ensuring that the user has supplied correct data is called _____.

A) ​validation
B) ​submission
C) ​correction
D) ​identification

Question 54

Identify the widget that limits a numeric field to a range of possible values by allowing users to drag a marker horizontally across the possible field values.

A) ​Spinner control
B) ​Slider control
C) ​Data list
D) ​Selection list

Question 55

The ____ element is used to create a custom option.

A) ​command
B) ​file
C) ​input
D) ​button

Question 56

Identify a syntax of the option element that contains an attribute to make an option as default in a selection list.

A) ​< opt​ion value="value" for >text< /option >
B) < option value="value" enctype >text< /option >
C) ​< option value="value" selected >text< /option >
D) ​< option value="value" default >text< /option >

Question 57

Identify the element that can organize selection list options by placing them in option groups in long selection lists.

A) ​optgroup
B) ​select
C) ​opgroup
D) ​selgroup

Question 58

_____ are like selection lists in which they limit fields to a set of possible values; but,unlike selection lists,the options appear as separate controls in the web form.

A) ​Text area boxes
B) ​Slider controls
C) ​Radio buttons
D) ​Color pickers

Question 59

The technique of immediate data validation and reporting of errors is known as _____.

A) ​server-side validation
B) ​inline validation
C) ​online validation
D) ​client-side validation

Question 60

Identify the type of control that performs an action.

A) ​A selection list
B) ​A form button
C) ​An input box
D) ​A text area

Question 61

Oscar owns Oscar's Skateboard Shop. He wants to create a web form to allow users to specify the type of skateboards they would like to buy. This includes the make, model, type and color, and board options. Oscar's skateboards come in Children, Young Adult, and Adult sizes. Oscar's skateboards come in different colors, patterns, and themes. He has over 25 makes and models of skateboards.

-Which of the following can Oscar use to display a list of makes and models of skateboards?

A) Text area boxes
B) Radio buttons
C) Selection lists
D) Slider controls

Question 62

_________ are text strings that appear within a form control,providing a hint about the kind of data that should be entered into the field.

Question 63

A _________ is a button that runs a program,which affects the content of the page or the actions of the browser.

Question 64

Oscar owns Oscar's Skateboard Shop. He wants to create a web form to allow users to specify the type of skateboards they would like to buy. This includes the make, model, type and color, and board options. Oscar's skateboards come in Children, Young Adult, and Adult sizes. Oscar's skateboards come in different colors, patterns, and themes. He has over 25 makes and models of skateboards.

-Oscar's skateboards are manufactured in different hues.Which of the following features should Oscar add to allow customers to choose a shade of their choice?

A) Slider controls
B) Spin boxes
C) Color pickers
D) Selection lists

Question 65

Identify the letter of the choice that best matches the phrase or definition.

-Used for selecting data values limited to two possibilities,such as "yes" or "no"

A) Input boxes
B) Selection lists
C) Option buttons
D) Check boxes
E) multipart/form-data
F) application/x-www-form-urlencoded
G) Form buttons
H) text/plain
I) get
J)enctype
K) Option groups
L)hidden

Question 66

Wyona, the owner of Wyona’s Hat Designs, desires to have a web site built for customers to order custom-made hats. They can pick from straw, leather, and other material hat collections. Customers can specify one of their existing patterns, which includes about 50 designs. They can also choose a custom pattern instead and then provide information about the pattern they want for Wyona to custom create.

-Wyona wants to ensure that the text box should accept only 5 characters for entering a zip code.Which attribute of a text box will allow her to do this?

A) maxlength
B) size
C) codevalue
D) character

Question 67

The _________ attribute is always needed in an input element while submitting the form to a server.

Question 68

The _________ attribute is added to the input element to apply a data list.

Question 69

Identify the letter of the choice that best matches the phrase or definition.

-The format in which data is transferred as plain text with spaces replaced with the + character,but no other encoding of the data values occurs

A) Input boxes
B) Selection lists
C) Option buttons
D) Check boxes
E) multipart/form-data
F) application/x-www-form-urlencoded
G) Form buttons
H) text/plain
I) get
J)enctype
K) Option groups
L)hidden

Question 70

By default,a _________ appears as a drop-down list box.

Question 71

Oscar owns Oscar's Skateboard Shop. He wants to create a web form to allow users to specify the type of skateboards they would like to buy. This includes the make, model, type and color, and board options. Oscar's skateboards come in Children, Young Adult, and Adult sizes. Oscar's skateboards come in different colors, patterns, and themes. He has over 25 makes and models of skateboards.

-Oscar wants the web form to allow users to select the delivery date for the items he purchases.To select the dates,Oscar should use a _____.

A) calendar control
B) check box
C) radio button
D) hover dropdown

Question 72

Wyona, the owner of Wyona’s Hat Designs, desires to have a web site built for customers to order custom-made hats. They can pick from straw, leather, and other material hat collections. Customers can specify one of their existing patterns, which includes about 50 designs. They can also choose a custom pattern instead and then provide information about the pattern they want for Wyona to custom create.

-Which type of field should Wyona provide for the user to provide plenty of space for customers to enter the information for a custom pattern?

A) Input boxes
B) Check boxes
C) Spin boxes
D) Text area boxes

Question 73

Identify the letter of the choice that best matches the phrase or definition.

-Created with a group of input elements with a type attribute value of radio,sharing a common data field name

A) Input boxes
B) Selection lists
C) Option buttons
D) Check boxes
E) multipart/form-data
F) application/x-www-form-urlencoded
G) Form buttons
H) text/plain
I) get
J)enctype
K) Option groups
L)hidden

Question 74

A check box can be selected automatically by adding the _________ attribute to the input element.

Question 75

The process of validation that takes place on the web user is called _________.

Question 76

Grouping dozens of different fields into a _________ that a web form can have,makes the form easier to interpret and more accessible.

Question 77

Identify the letter of the choice that best matches the phrase or definition.

-Processes the form when clicked

A) Input boxes
B) Selection lists
C) Option buttons
D) Check boxes
E) multipart/form-data
F) application/x-www-form-urlencoded
G) Form buttons
H) text/plain
I) get
J)enctype
K) Option groups
L)hidden

Question 78

The _________ element is an HTML element used to access and run JavaScript programs that will run within the user's browser.

Question 79

_________ refers to the state in which an element has been clicked by the user,making it the active control on the form.

Question 80

Most mobile and tablet devices do not have physical keyboards; instead,they use _________ that exist as software representations of the physical device.