Quiz: Advanced HTML and Forms

Question 1: Which input type provides users with a date picker?

A. text B. calendar C. date D. time

Question 2: What does the required attribute do in an HTML form?

A. Highlights a field B. Validates data formats automatically C. Adds a tooltip to the field D. Forces the user to fill out a field before submission

Question 3: What does the <video> element’s controls attribute do?

A. Hides the video controls from the user B. Adds playback controls like play, pause, and volume C. Loops the video indefinitely D. Makes the video autoplay

Question 4: Which HTML element is used to define a high-priority message for assistive technologies?

A. <nav> B. <footer> C. <div role="alert"> D. <aside> E. <alert>

Question 5: How does the aria-label attribute improve accessibility?

A. It validates input fields B. It provides visual styling for elements C. It describes the element’s purpose to assistive technologies D. It links related form fields

Question 6: What is the purpose of the placeholder attribute in an input field?

A. To provide example text inside the input field B. To enforce required input C. To display an error message D. To create a tooltip

Question 7: What does the loop attribute do in <video> and <audio> elements?

A. It speeds up playback B. It pauses the media automatically C. It skips to the next track D. It repeats the media after it finishes

Question 8: Which attribute is used to associate a <label> with an input field?

A. for B. id C. name D. value

Question 9: How can browser developer tools help debug HTML?

A. They automatically fix errors in your code B. They allow real-time inspection and editing of HTML and CSS C. They convert HTML to JavaScript D. They disable all HTML validation

Question 10: Why should fallback content be included in <video> or <audio> elements?

A. To inform users if their browser doesn’t support the media B. To allow multiple files to play simultaneously C. To improve SEO rankings D. To reduce file size

Question 11: Which ARIA role is used to indicate navigation menus?

A. role="alert" B. role="menuitem" C. role="navigation" D. role="tablist"

Question 12: What does the preload="metadata" attribute do for media files?

A. Loads the entire file before playback B. Prevents the file from loading until clicked C. Automatically starts playback D. Loads only file metadata, such as duration

Question 13: How does semantic HTML improve accessibility?

A. By adding visual effects to the page B. By providing context and meaning to assistive technologies C. By enhancing page performance D. By organizing files in the directory

Question 14: What does the aria-expanded attribute do?

A. Indicates whether an element is expanded or collapsed B. Defines the element as a button C. Labels an input field for accessibility D. Specifies the purpose of a form

Question 15: Which input type displays a slider for selecting a range of values?

A. number B. slider C. value D. range