Test your knowledge: The <meter> Element

Question 1 of 12

What does <meter> semantically represent?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A Task completion B A scalar measurement within a known range C A user-editable field D A calculation result

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 2 of 12

Which element should represent completion of a task?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A <meter> B <output> C <progress> D <span>

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 3 of 12

What is the default maximum when max is omitted?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A 0 B 1 C 100 D The current value

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 4 of 12

Which statement about the lower bound is correct?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A meter always starts at zero unless min changes it B meter has no min attribute and its default minimum is 0 C meter requires min to be present D meter has a negative default minimum

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 5 of 12

What does optimum communicate?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A The current value B The maximum value C The preferred numeric value or region D The fallback text

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 6 of 12

What is a core accessibility requirement for a meter?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A It must have an accessible name B It must have role=progressbar C It must be inside a form D It must use aria-valuenow manually

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 7 of 12

Does a meter contribute a successful form value?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A Yes, its name/value pair is submitted B Only when it has name C No, it is not a user input control D Only with method=post

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 8 of 12

What should a meter never be used as?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A A visual measurement B A progress indicator C An authorization or security mechanism D A labeled gauge

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 9 of 12

What should an app do when the real measurement is unavailable?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A Use zero B Use max C Invent a plausible value D Represent the unknown/error state explicitly

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 10 of 12

What should application logic assume about native meter direction?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A Always left-to-right B Always right-to-left C Direction follows writing-mode/direction presentation semantics D Direction is controlled by value

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 11 of 12

Which interface represents <meter> in the DOM?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A HTMLProgressElement B HTMLMeterElement C HTMLGaugeElement D HTMLMeasurementElement

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Question 12 of 12

Why should asynchronous meter updates guard against stale responses?

Return to the referenced section and distinguish the native meter model from nearby HTML elements.

Answer options A To make CSS faster B To ensure an older response cannot overwrite newer authoritative state C Because meters cannot be updated dynamically D Because value must never change

The answer follows the native HTML semantics and behavior described in the referenced lesson section.

Review this lesson

Test your knowledge: The <meter> Element