diff --git a/curriculum/challenges/english/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md b/curriculum/challenges/english/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md index a5d480b185e..1c1fd7fafdd 100644 --- a/curriculum/challenges/english/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md +++ b/curriculum/challenges/english/25-front-end-development/quiz-html-tables-and-forms/66ed902df45ce3ece4053ebc.md @@ -549,3 +549,516 @@ Which of the following attributes is used to specify the value for a button? `value` +## --quiz-- + +### --question-- + +#### --text-- + +What is the role of the `action` attribute inside of the opening `form` tag? + +#### --distractors-- + +It is used to specify that an input field is read-only. + +--- + +It is used to define the number of characters that should be visible as the user types into the input. + +--- + +It is used to show a hint to the user to show them what to enter in the input field. + +#### --answer-- + +It is used to specify the URL where the form data should be sent. + +### --question-- + +#### --text-- + +Which of the following attributes is used to specify the HTTP method to use when sending the form data? + +#### --distractors-- + +`set` + +--- + +`type` + +--- + +`http` + +#### --answer-- + +`method` + +### --question-- + +#### --text-- + +Which of the following is a common method used when working with forms? + +#### --distractors-- + +`PUSH` + +--- + +`SET` + +--- + +`PULL` + +#### --answer-- + +`GET` + +### --question-- + +#### --text-- + +Which of the following is NOT a valid value for the `type` attribute? + +#### --distractors-- + +`number` + +--- + +`email` + +--- + +`text` + +#### --answer-- + +`http` + +### --question-- + +#### --text-- + +Which of the following is the correct way to create a button in a form? + +#### --distractors-- + +```html +
+ +
+``` + +--- + +```html +
+ +
+``` + +--- + +```html +
+ +
+``` + +#### --answer-- + +```html +
+ +
+``` + +### --question-- + +#### --text-- + +What is implicit form association? + +#### --distractors-- + +This is where inputs can be associated with labels by using the `action` and `for` attributes on the `label` element. + +--- + +This is where inputs can be associated with labels by using the `required` and `for` attributes on the `label` element. + +--- + +This is where inputs can be associated with labels by using the `for` attribute on the `label` element. + +#### --answer-- + +This is where inputs can be associated with labels by wrapping the input field inside the `label` element. + +### --question-- + +#### --text-- + +What is the role of the `fieldset` element? + +#### --distractors-- + +It is used to group the header content in an HTML table. + +--- + +It is used to create a label for an input field. + +--- + +It is used to add a caption to describe the group of inputs. + +#### --answer-- + +It is used to group related inputs together. + +### --question-- + +#### --text-- + +Which of the following is used to create a checkbox in a form? + +#### --distractors-- + +```html + +``` + +--- + +```html + +``` + +--- + +```html + +``` + +#### --answer-- + +```html + +``` + +### --question-- + +#### --text-- + +Which of the following elements is used to add a title for an HTML table? + +#### --distractors-- + +`titles` + +--- + +`title` + +--- + +`captions` + +#### --answer-- + +`caption` + +### --question-- + +#### --text-- + +What is the role of the `legend` element? + +#### --distractors-- + +It is used to group the body content in an HTML table. + +--- + +It is used to add a caption to describe the cells for a table. + +--- + +It is used to group related inputs together. + +#### --answer-- + +It is used to add a caption to describe the group of inputs. + +### --question-- + +#### --text-- + +Which of the following elements is used to group the header content in an HTML table? + +#### --distractors-- + +`header` + +--- + +`head` + +--- + +`theader` + +#### --answer-- + +`thead` + +### --question-- + +#### --text-- + +Which of the following is the correct way to add rows and data cells to a table? + +#### --distractors-- + +```html + + + Davis + Alex + 54 + +
+``` + +--- + +```html + + + Davis + Alex + 54 + +
+``` + +--- + +```html + + + + + + +
DavisAlex54
+``` + +#### --answer-- + +```html + + + + + + +
DavisAlex54
+``` + +### --question-- + +#### --text-- + +What is the DOM inspector? + +#### --distractors-- + +A tool that is used to remove all elements from the DOM. + +--- + +A set of tools built directly into the browser that helps you debug, profile, and analyze web pages. + +--- + +A tool that checks the syntax of HTML code to ensure it is valid. + +#### --answer-- + +A tool that allows you to inspect and modify the HTML structure of a web page. + +### --question-- + +#### --text-- + +Which of the following is a tool that checks the syntax of HTML code to ensure it is valid? + +#### --distractors-- + +HTML validate + +--- + +HTML isValid + +--- + +HTML valid + +#### --answer-- + +HTML validator + +### --question-- + +#### --text-- + +Which of the following is the correct way to specify the number of columns for data cell in a table? + +#### --distractors-- + +```html +Average Grade +``` + +--- + +```html +Average Grade +``` + +--- + +```html +Average Grade +``` + +#### --answer-- + +```html +Average Grade +``` + +### --question-- + +#### --text-- + +What is a focused state for an input field? + +#### --distractors-- + +This is the state of an input field when the focus is removed by the user. + +--- + +This is the state of an input field when it is set to readonly by the user. + +--- + +This is the state of an input field when it is disabled by the user. + +#### --answer-- + +This is the state of an input field when it is selected by the user. + +### --question-- + +#### --text-- + +Which of the following is the correct way to create a radio button? + +#### --distractors-- + +```html + +``` + +--- + +```html + +``` + +--- + +```html + +``` + +#### --answer-- + +```html + +``` + +### --question-- + +#### --text-- + +What is the role of the `for` attribute? + +#### --distractors-- + +It is used to show a hint to the user. + +--- + +It is used to specify the value of the input + +--- + +It is used to create a label for an input field. + +#### --answer-- + +It is used to specify which input field the label is for. + +### --question-- + +#### --text-- + +Which of the following attributes is used to define the number of characters that should be visible as the user types into the input? + +#### --distractors-- + +`setsize` + +--- + +`sizing` + +--- + +`sizes` + +#### --answer-- + +`size` + +### --question-- + +#### --text-- + +Which of the following attributes is used to show a hint to the user to show them what to enter in the input field? + +#### --distractors-- + +`showhint` + +--- + +`hint` + +--- + +`clue` + +#### --answer-- + +`placeholder`