From a1b56137c884568ff43f1320a9a1f7f0f152b06d Mon Sep 17 00:00:00 2001 From: NeemaJoju Date: Mon, 2 Dec 2024 22:39:57 +0530 Subject: [PATCH] feat(curriculum): create tables and forms quiz (#57188) Co-authored-by: Jessica Wilkins <67210629+jdwilkin4@users.noreply.github.com> Co-authored-by: Tom <20648924+moT01@users.noreply.github.com> --- .../66ed902df45ce3ece4053ebc.md | 240 ++++++++++-------- 1 file changed, 140 insertions(+), 100 deletions(-) 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 903c5433d3bc2f..452715736d4c38 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 @@ -17,439 +17,479 @@ To pass the quiz, you must correctly answer at least 17 of the 20 questions belo #### --text-- -Placeholder question +Which html element allows a two-dimensional table with columns and rows? #### --distractors-- -Placeholder distractor 1 +`row` --- -Placeholder distractor 2 +`matrix` --- -Placeholder distractor 3 +`table` using attributes `r="3" c="4"` #### --answer-- -Placeholder answer +`table` ### --question-- #### --text-- -Placeholder question +What elements are used to specify a row and a row header? #### --distractors-- -Placeholder distractor 1 +The `r` element is used for rows and the `thead` element is used for the header. --- -Placeholder distractor 2 +The `row` element is used for rows and the `th` element is used for the header. --- -Placeholder distractor 3 +The `tr` element is used for rows and the `head` element is used for the header. #### --answer-- -Placeholder answer +The `tr` element is used for rows and the `th` element is used for the header. ### --question-- #### --text-- -Placeholder question +What is the `td` element used for? #### --distractors-- -Placeholder distractor 1 +It is used to define a table data type. --- -Placeholder distractor 2 +It is used to merge two columns. --- -Placeholder distractor 3 +It is used to merge two rows. #### --answer-- -Placeholder answer +It is used to define a table cell. ### --question-- #### --text-- -Placeholder question +What's the function of the `colspan` attribute? #### --distractors-- -Placeholder distractor 1 +It defines the length of a column in a table. --- -Placeholder distractor 2 +It removes the breakline between text in a column. --- -Placeholder distractor 3 +It's used to define the number of columns. #### --answer-- -Placeholder answer +It merges cells across multiple columns. ### --question-- #### --text-- -Placeholder question +```html + + + + +
This cell spans across three rows
+``` + +How to make the `td` above span across three rows only? #### --distractors-- -Placeholder distractor 1 +```html + + + + +
This cell spans across three rows
+``` --- -Placeholder distractor 2 +```html + + + + +
This cell spans across three rows
+``` --- -Placeholder distractor 3 +It's not possible. #### --answer-- -Placeholder answer +```html + + + + +
This cell spans across three rows
+``` ### --question-- #### --text-- -Placeholder question +What is the purpose of the `thead` element? #### --distractors-- -Placeholder distractor 1 +It can be used interchangeably with `th`. --- -Placeholder distractor 2 +It defines a single header cell. --- -Placeholder distractor 3 +It is essential for marking table headers #### --answer-- -Placeholder answer +It groups table header rows. ### --question-- #### --text-- -Placeholder question +Can the `tfoot` element be placed before or after `tbody` element? #### --distractors-- -Placeholder distractor 1 +Neither before nor after. --- -Placeholder distractor 2 +Only Before. --- -Placeholder distractor 3 +Only After. #### --answer-- -Placeholder answer +Both before and after. ### --question-- #### --text-- -Placeholder question +If the `tfoot` element is written before the `tbody` element then where will it be rendered? #### --distractors-- -Placeholder distractor 1 +Before `tbody`. --- -Placeholder distractor 2 +It will show an error. --- -Placeholder distractor 3 +Within the `tbody` element. #### --answer-- -Placeholder answer +Always at the bottom of the table. ### --question-- #### --text-- -Placeholder question +What element is used to define a new cell in a table? #### --distractors-- -Placeholder distractor 1 +`th` --- -Placeholder distractor 2 +`tc` --- -Placeholder distractor 3 +`tcol` #### --answer-- -Placeholder answer +`td` ### --question-- #### --text-- -Placeholder question +What defines the cell of a header and improves accessibility? #### --distractors-- -Placeholder distractor 1 +`colspan` --- -Placeholder distractor 2 +`style` --- -Placeholder distractor 3 +`table` with attribute `style = " "` #### --answer-- -Placeholder answer +`scope` ### --question-- #### --text-- -Placeholder question +What does the `` tag do? #### --distractors-- -Placeholder distractor 1 +It allows users to enter any type of data. --- -Placeholder distractor 2 +It is a pop-up box that asks user to enter data. --- -Placeholder distractor 3 +It can be only used inside a form to enter user input. #### --answer-- -Placeholder answer +It defines a single line text field by default. ### --question-- #### --text-- -Placeholder question +Which one of these uses `` inside a form to properly submit data? #### --distractors-- -Placeholder distractor 1 +```html +
+ + +
+``` --- -Placeholder distractor 2 +```html +
+ +
+``` --- -Placeholder distractor 3 +All of the other choices are correct. #### --answer-- -Placeholder answer +```html +
+ + +
+``` ### --question-- #### --text-- -Placeholder question +Which attribute specifies that an input must be filled out before submitting the form? #### --distractors-- -Placeholder distractor 1 +`necessary` --- -Placeholder distractor 2 +`imp` --- -Placeholder distractor 3 +It is not possible via HTML only. #### --answer-- -Placeholder answer +`required` ### --question-- #### --text-- -Placeholder question +How can you hide an input from the user? #### --distractors-- -Placeholder distractor 1 +`` --- -Placeholder distractor 2 +`` --- -Placeholder distractor 3 +It is not possible via HTML. #### --answer-- -Placeholder answer +`` ### --question-- #### --text-- -Placeholder question +What does the `target` attribute of a form do? #### --distractors-- -Placeholder distractor 1 +It specifies the variable we intend to change. --- -Placeholder distractor 2 +It specifies different ways to store the response of the form. --- -Placeholder distractor 3 +It specifies different keyword searches. #### --answer-- -Placeholder answer +It indicates where to display the response after submitting the form. ### --question-- #### --text-- -Placeholder question +Which of the following `type` attributes for the `input` element is correct?? #### --distractors-- -Placeholder distractor 1 +`` --- -Placeholder distractor 2 +`` --- -Placeholder distractor 3 +`` #### --answer-- -Placeholder answer +All of the other choices. ### --question-- #### --text-- -Placeholder question +What does the `action` attribute do? #### --distractors-- -Placeholder distractor 1 +It works as the `submit` attribute. --- -Placeholder distractor 2 +It is used to collect data from the user. --- -Placeholder distractor 3 +It defines the next steps to be taken. #### --answer-- -Placeholder answer +It defines where the form's response is sent. ### --question-- #### --text-- -Placeholder question +How can you define the length of an input? #### --distractors-- -Placeholder distractor 1 +It is not possible. --- -Placeholder distractor 2 +`` --- -Placeholder distractor 3 +`` #### --answer-- -Placeholder answer +`` ### --question-- #### --text-- -Placeholder question +How can you remove form validation? #### --distractors-- -Placeholder distractor 1 +`` --- -Placeholder distractor 2 +`` --- -Placeholder distractor 3 +`` #### --answer-- -Placeholder answer +`` ### --question-- #### --text-- -Placeholder question +Which attribute is used to associate a label with an input? #### --distractors-- -Placeholder distractor 1 +`des` --- -Placeholder distractor 2 +`to` --- -Placeholder distractor 3 +`describe` #### --answer-- -Placeholder answer +`for`