Question 1

Case based critical thinking Case 13-1 Sarah wants to set the value of an input control. She applies the element.value = value; expression. Which of the following methods should Sarah use to return the default value for the input box?
A) input.value
B) input.focus()
C) input.defaultValue
D) input.select()

Accepted Answer

The defaultValue property returns the default value of an input element. Therefore, Sarah should use input.defaultValue to return the default value for the input box.

Question 2

Match between columns
                        Premises: The element contains data whose character length exceeds the value of the length attribute.
The field element, element , contains data that the browser is unable to convert.
The element contains data that does not match the data type specified by the type attribute.
The element contains data that does not match the character pattern specified in the pattern attribute.
A custom validation message has been set to a nonempty text string using the setCustomValidity() metho d.
The element contains valid data, satisfying all constraints.

Accepted Answer

The Answer of element.validity.customError and element.validity.tooLong and element.validity.badInput and element.validity.patternMismatch is...

Question 3

Case based critical thinking Case 13-5 William is exploring the syntax of regular expressions. He learns that in the regular expression language, a word refers to any string of symbols consisting solely of word characters. He also learns that word boundaries are indicated by the \b symbol. He wants to use a pattern that matches any word that starts with the characters "great" such as "greater", "greatness", or "greatest" Which of the following patterns should William use?
A) //bgreat/
B) /\bgreat/
C) /bgreat/
D) /b\great/

Accepted Answer

The \b symbol indicates a word boundary, so using /\bgreat/ will match any word that starts with "great". Option A, //bgreat/, will match "bgreat" instead of "great" at the beginning of a word. Option C, /bgreat/, will match "bgreat" within a word instead of just at the beginning. Option D, /b\great/, will not work as the \b needs to be before the "great" to indicate a word boundary.

Question 4

Match between columns
                        Premises: Allows the browser to automatically complete form fields
Returns the number of elements in the form
Submits the web form
Resets the web form
Initiates autocompletion of those form fields that have autocomplete activated

Accepted Answer

The Answer of form.submit() and form.length and form.autocomplete and form.requestAutocomplete() is...

Question 5

Case based critical thinking Case 13-4 Samantha is working on a web document. She wants to direct the browser to retrieve specific information about a URL, to reload the current page, and to load an entirely new page. Which of the following commands can Samantha use to load a new page in the current window?
A) window.location = url
B) url.window = location
C) window.url = location
D) location.url = window

Accepted Answer

The correct syntax for loading a new page in the current window is "window.location = url". Option B and C have the wrong order of objects, and option D has the objects in the wrong order and an incorrect syntax.

Question 6

Case based critical thinking Case 13-3 Thomas is working on reference forms and form fields. He wants to use event handlers that can respond to user actions within a form. He uses the element.onchange event handler. Identify the description of the event handler Thomas has used.
A) The element has received user input
B) The value of element has been modified
C) The element value is invalid
D) The form element has lost the focus

Accepted Answer

The onchange event handler is triggered when the value of an element has been modified by the user.

Question 7

Match between columns
                        Premises: The element contains data whose character length exceeds the value of the length attribute.
The element contains valid data, satisfying all constraints.
The field element, element , contains data that the browser is unable to convert.
The element contains data that does not match the character pattern specified in the pattern attribute.
A custom validation message has been set to a nonempty text string using the setCustomValidity() metho d.
The element contains data that does not match the data type specified by the type attribute.

Accepted Answer

The Answer of element.validity.patternMismatch and element.validity.customError and element.validity.typeMismatch and element.validity.valid is...

Question 8

Case based critical thinking Case 13-4 Samantha is working on a web document. She wants to direct the browser to retrieve specific information about a URL, to reload the current page, and to load an entirely new page. Identify the object that Samantha should use to meet her desired requirements.
A) location
B) option
C) form
D) string

Accepted Answer

Samantha should use the "location" object to direct the browser to retrieve specific information about a URL, to reload the current page, and to load an entirely new page. This object contains information about the current URL and allows the programmer to manipulate it to meet their needs.

Question 9

Case based critical thinking Case 13-2 Lisa can control the number of digits displayed by the browser using the toFixed() method. However, since the toFixed() method is limited to only defining the decimal place accuracy, she wants to use a method that gives her more control over the numeric format, such as formatting numbers as currency or separating thousands with the comma symbol. Which of the following methods should Lisa use to format the numbers as currency?
A) currency: code
B) toLocaleString()
C) useGroup: Boolean
D) element.oninput

Accepted Answer

The toLocaleString() method can format numbers as currency and also separate thousands with a comma symbol. It provides more control over the numeric format than the toFixed() method. The other options are not suitable for formatting numbers as currency. Currency code is simply the symbol or code used to represent a currency, useGroup: Boolean is a property used for specifying whether grouping should be used when displaying numbers, and element.oninput is an event handler used for triggering an action when the user inputs data into an HTML element.

Question 10

Case based critical thinking Case 13-3 Thomas is working on reference forms and form fields. He wants to use event handlers that can respond to user actions within a form. He uses the element.onchange event handler. Which event handler should Thomas use for options buttons and check boxes in response to the user clicking those elements?
A) element.onfocus
B) element.onreset
C) element.onblur
D) element.onclick

Accepted Answer

The element.onclick event handler is the best choice for options buttons and check boxes as it responds to user clicks on those elements. The other options, element.onfocus, element.onreset, and element.onblur, do not specifically relate to user clicks on these types of form elements.

Question 11

Match between columns
                        Premises: Resets the web form
Initiates autocompletion of those form fields that have autocomplete activated
Submits the web form
Returns the number of elements in the form
Allows the browser to automatically complete form fields

Accepted Answer

The Answer of form.reset() and form.length and form.submit() and form.requestAutocomplete() is...

Question 12

Match between columns
                        Premises: Allows the browser to automatically complete form fields
The element contains valid data, satisfying all constraints.
The element contains data that does not match the character pattern specified in the pattern attribute.
Resets the web form
Allows the browser to automatically complete form fields
Returns the number of elements in the form
The field element, element , contains data that the browser is unable to convert.
The element contains data that does not match the data type specified by the type attribute.
Initiates autocompletion of those form fields that have autocomplete activated
Submits the web form
The element contains valid data, satisfying all constraints.
Submits the web form
Initiates autocompletion of those form fields that have autocomplete activated
The element contains data whose character length exceeds the value of the length attribute.
Initiates autocompletion of those form fields that have autocomplete activated
A custom validation message has been set to a nonempty text string using the setCustomValidity() metho d.
The element contains data that does not match the character pattern specified in the pattern attribute.
Allows the browser to automatically complete form fields
Returns the number of elements in the form
The field element, element , contains data that the browser is unable to convert.
Submits the web form
A custom validation message has been set to a nonempty text string using the setCustomValidity() metho d.
The element contains data that does not match the data type specified by the type attribute.
Returns the number of elements in the form
Resets the web form
Resets the web form
The element contains data whose character length exceeds the value of the length attribute.

Accepted Answer

The Answer of element.validity.tooLong and form.reset() and element.validity.valid and form.requestAutocomplete() is...

Question 13

Explain how the Luhn Algorithm can be used to test for legitimate card numbers.

Accepted Answer

The answer of Explain how the Luhn Algorithm can be...

Question 14

Explain how you can work with radio buttons and check boxes.

Accepted Answer

The answer of Explain how you can work with radio...

Question 15

Explain how you can work with selection lists.

Accepted Answer

The answer of Explain how you can work with selection...

Question 16

Case based critical thinking Case 13-1 Sarah wants to set the value of an input control. She applies the element.value = value; expression. What does element signify in the expression that Sarah has used?
A) Reference to a form element
B) Index number of the form
C) Value to be stored in the element
D) Reference to a web form

Accepted Answer

The expression element.value = value; is used to set the value of an input control in a web form. Here, element signifies a reference to a form element.

Question 17

Case based critical thinking Case 13-5 William is exploring the syntax of regular expressions. He learns that in the regular expression language, a word refers to any string of symbols consisting solely of word characters. He also learns that word boundaries are indicated by the \b symbol. He wants to use a pattern that matches any word that starts with the characters "great" such as "greater", "greatness", or "greatest" Which of the following patterns should William use to match any word that ends with "ust" such as "dust", "trust", or "must"?
A) /ust\b/
B) /\bust/
C) \bust/
D) /b\ust/

Accepted Answer

The answer of Case based critical thinking Case 13-5 William...

Question 18

Case based critical thinking Case 13-2 Lisa can control the number of digits displayed by the browser using the toFixed() method. However, since the toFixed() method is limited to only defining the decimal place accuracy, she wants to use a method that gives her more control over the numeric format, such as formatting numbers as currency or separating thousands with the comma symbol. If Lisa uses minimumIntegerDigits: num method, which of the following is the correct range for num ?
A) 0 to 20
B) 1 to 20
C) 0 to 19
D) 1 to 21

Accepted Answer

The answer of Case based critical thinking Case 13-2 Lisa...

Quiz 13: Programming for Web Forms Tutorial

Case based critical thinking Case 13-1 Sarah wants to set the value of an input control. She applies the element.value = value; expression. Which of the following methods should Sarah use to return the default value for the input box?

Match the following validation states to their respective descriptions.

Match the following properties/methods to their respective descriptions.

Case based critical thinking Case 13-3 Thomas is working on reference forms and form fields. He wants to use event handlers that can respond to user actions within a form. He uses the element.onchange event handler. Identify the description of the event handler Thomas has used.

Match the following validation states to their respective descriptions.

Case based critical thinking Case 13-4 Samantha is working on a web document. She wants to direct the browser to retrieve specific information about a URL, to reload the current page, and to load an entirely new page. Identify the object that Samantha should use to meet her desired requirements.

Match the following properties/methods to their respective descriptions.

Match the following properties/methods to their respective descriptions.

Explain how the Luhn Algorithm can be used to test for legitimate card numbers.

Explain how you can work with radio buttons and check boxes.

Explain how you can work with selection lists.

Case based critical thinking Case 13-1 Sarah wants to set the value of an input control. She applies the element.value = value; expression. What does element signify in the expression that Sarah has used?