Quiz: Mastering HTML Forms and Input Elements — 10 perguntas

1. What is the primary purpose of the `<form>` tag in HTML?

A. To display static text on a webpage

B. To create a container for user inputs and define how data is sent to the server

C. To link to external stylesheets

D. To embed images within a webpage

Answer: (B)

Explicação

The `<form>` tag in HTML is used to create a container for user input elements and to specify how the data should be sent to the server, using attributes like `action` and `method`. It does not display static text, embed images, or link stylesheets.

2. What is the primary purpose of the `<form>` tag in HTML?

A. It defines a section of an HTML document for styling.

B. It encloses user input elements and controls data submission.

C. It creates a navigational menu for the webpage.

D. It is used to embed images within a webpage.

Answer: (B)

Explicação

The `<form>` tag is used to group input elements and handle data submission to a server, which is essential for interactive forms.

3. What is the correct format for a date input (`<input type='date'>`) in HTML5?

A. MM/DD/YYYY

B. YYYY-MM-DD

C. DD-MM-YYYY

D. YYYY/MM/DD

Answer: (B)

Explicação

The correct format for a date input in HTML5 (`<input type='date'>`) is `YYYY-MM-DD`, following the RFC3339 format. The other formats are not valid for this input type.

4. Which attribute in the `<form>` tag specifies the URL of the server script that will process the form data?

A. method

B. action

C. enctype

D. target

Answer: (B)

Explicação

The `action` attribute specifies the URL where the form data will be sent for processing.

5. Which attribute of the `<input>` element specifies the URL of the server-side script that processes the form data?

A. `method`

B. `href`

C. `src`

D. `action`

Answer: (D)

Explicação

The `action` attribute of the `<form>` tag (not `<input>`) specifies the URL of the server-side script that will process the submitted form data. The `method` attribute determines how data is sent, `src` is used for images, and `href` is used for links.

6. What data encoding method is used when submitting form data, and how are spaces represented?

A. Base64 encoding; spaces as underscores.

B. URL-encoding; spaces as `+` or `%20`.

C. Binary encoding; spaces as `-`.

D. Hex encoding; spaces as `%20` only.

Answer: (B)

Explicação

Form data is URL-encoded, meaning unsafe characters are replaced with `%xx` codes, and spaces are encoded as `+` or `%20`.

7. Which input type is introduced in HTML5 to allow users to select colors?

A. type='color'

B. type='hex'

C. type='palette'

D. type='background'

Answer: (A)

Explicação

HTML5 introduced `type='color'` for color pickers, providing a user-friendly interface for selecting colors.

8. What is the typical format required for `<input type='date'>` and `<input type='time'>`?

A. Localized date and time strings.

B. RFC3339 formats like `YYYY-MM-DD` for date and `HH:MM` for time.

C. UNIX timestamp numerals.

D. ISO 8601 with timezone offsets.

Answer: (B)

Explicação

Date and time inputs require specific versions of the RFC3339 format, such as `YYYY-MM-DD` for dates and `HH:MM` for times, ensuring proper validation.

9. How do you create a dropdown menu with multiple options and include a default selected choice?

A. Use `<select>` with `<option>`; set `selected` attribute on desired option.

B. Use `<dropdown>` tag with `<option>`; set `default` attribute.

C. Use `<listbox>` with `<option>`; set `preferred` attribute.

D. Use `<menu>` with `<option>`; set `default` class.

Answer: (A)

Explicação

A `<select>` element contains `<option>` elements, and you can specify the default selection by adding the `selected` attribute to an `<option>`.

10. What attribute of `<input type='radio'>` ensures only one option can be selected within a group?

A. name

B. type

C. value

D. id

Answer: (A)

Explicação

All `<input type='radio'>` elements sharing the same `name` attribute form a group where only one can be selected at a time.