CIT 170 Tutorial 7 Review

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

<input name="name" id="id" type="number" value="value" step="value" min="value" max="value" />

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

It allows the user to move both the label text and the control as a single unit around the page.

Identify the type of control that performs an action.

a form button

​Case 7-1 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 allow users to select the dates, Oscar should use a _____.

calendar control

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

controls

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.

false

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.

false

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

false

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

incorrect: command

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

incorrect: id, name

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

inline

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

inline validation

In the accompanying figure, what does Box A represent?

input box

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.

input::-moz-placeholder {color: rgb(255, 151, 151);}

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

it identifies the form

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

label

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

legend

Case 7-2 Wyona, the owner of Wyona's Hat Designs, desires to have a web site built where customers can 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 will accept only 5 characters for entering a zip code. Which attribute of a text box will allow her to do this?

maxlength

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

optgroup

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

radio buttons

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

range

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

rows and cols

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

select size="5" ... /select

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

selection list

Which list can be applied to an input box to make the values appear as a pop-up list of suggested values?

selection list

Case 7-1 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?

selection lists

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

slider control

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.

slider control

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.

spinner control

Case 7-2 Wyona, the owner of Wyona's Hat Designs, desires to have a web site built where customers can 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 use to allow plenty of space for customers to enter the information for a custom pattern?

text area boxes

A default value need not be specified for a text area box; the 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.

true

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

true

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

true

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.

true

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

true

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

true

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

true

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

true

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

true

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

validation