Go on. Explore!

lvl 0 • 0 xp

lvl 1

Home Market Decks Interests

Tutorial Seven Quiz - Designing a Web Form

memorize.ai (lvl 286)

(0)

45 cards

()

Section 1

Preview this deck

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.

Front

1 / 45

Web Dev

0.0

0 reviews

5			0
4			0
3			0
2			0
1			0

Active users

All-time users

Favorites

Last updated

6 years ago

Date created

Mar 1, 2020

Cards (45)

Section 1

(45 cards)

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.

Front

Slider control

Back

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

Front

input

Back

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

Front

controls

Back

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

Front

optgroup

Back

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.

Front

True

Back

In the accompanying figure, Box B points to _____.

Front

input

Back

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

Front

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

Back

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

Front

<option value="value" selected>text</option>

Back

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

Front

False

Back

Identify the type of control that performs an action.

Front

A form button

Back

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

Front

Placeholders

Back

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

Front

True

Back

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

Front

False

Back

Case-Based Critical Thinking Questions 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'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?

Front

Color pickers

Back

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

Front

False

Back

Case-Based Critical Thinking Questions 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 select the dates, Oscar should use a _____.

Front

check box

Back

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

Front

True

Back

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

Front

<select size="5"> ... </select>

Back

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

Front

<label for="register">Date of registration</label> <input name="registerDate" id="register" type="date" />

Back

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

Front

validation

Back

In the accompanying figure, Box E represents a _____.

Front

spin box

Back

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

Front

False

Back

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

Front

legend

Back

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

Front

inline validation

Back

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

Front

It identifies the form.

Back

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

Front

True

Back

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

Front

type

Back

The check box control is created using the _____ element.

Front

input

Back

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

Front

maxlength

Back

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

Front

inline

Back

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

Front

input

Back

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

Front

button

Back

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

Front

range

Back

The ____ element is used to create a custom option.

Front

button

Back

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

Front

Data list

Back

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

Front

rows and cols

Back

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

Front

selection list

Back

Case-Based Critical Thinking Questions 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 follo wing can Oscar use to display a list of makes and models of skateboards?

Front

Selection lists

Back

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

Front

False

Back

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.

Front

True

Back

In the accompanying figure, what does Box A represent?

Front

Input box

Back

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.

Front

spinner control

Back

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.

Front

required

Back

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

Front

True

Back

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

Front

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

Back

Tutorial Seven Quiz - Designing a Web Form

Preview this deck

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

0.0

Cards (45)

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

​input

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

​controls

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

​optgroup

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

In the accompanying figure, Box B points to _____.

​input

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" />

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

<option value="value" selected>text</option>

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

False

Identify the type of control that performs an action.

A form button

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

​Placeholders

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

True

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

False

​Color pickers

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

False

​check box

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

True

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

​<select size="5"> ... </select>

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

<label for="register">Date of registration</label>​ <input name="registerDate" id="register" type="date" />

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

​validation

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

​spin box

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

False

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

​legend

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

inline validation

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

​It identifies the form.

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

True

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

​type

The check box control is created using the _____ element.​

​input

​maxlength

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

​inline

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

​input

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

​button

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

​range

The ____ element is used to create a custom option.​

​button

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

​Data list

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

rows and cols

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

​selection list

​Selection lists

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

False

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.

True

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.

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

input

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

controls

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

optgroup

input

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

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

Placeholders

Color pickers

check box

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

<select size="5"> ... </select>

<label for="register">Date of registration</label> <input name="registerDate" id="register" type="date" />

validation

In the accompanying figure, Box E represents a _____.

spin box

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

legend

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

It identifies the form.

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

type

The check box control is created using the _____ element.

input

maxlength

inline

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

input

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

button

range

The ____ element is used to create a custom option.

button

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

Data list

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

selection list

Selection lists

Input box

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

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.

required