WorksheetsHTML Form and Media Elements Quiz
Total questions: 21
Worksheet time: 11mins
The form needs a field for the customer’s name. Which input type should you use?
input
text
field
line
For a sign-up form, you need a secure field for passwords. What’s the correct code?
<input type="secret">`
`<input type="password">`
<input type="hidden">`
<input type="pass">`
A poll asks users to pick one favorite color. Which input type ensures only one selection?
checkbox
select
radio
option
Another poll lets users choose multiple hobbies. Which input type allows this?
radio
checkbox
select
multiple
You’re adding a drop-down list of payment methods to a checkout form. Which tag creates this?
`<dropdown>`
`<list>`
`<select>`
`<option>`
Each payment method like “Credit Card” needs to be listed in the drop-down. Which tag defines these?
`<item>`
`<option>`
<select>
<li>
The form needs a button to send the data. Which option(s) create a submit button?
`<input type="submit">`
`<button type="submit">`
`<submit>`
Both A and B
To process the form, each field needs a unique identifier for the server. Which attribute provides this?
id
name
value
type
For better usability, you label the “Email” field clearly. Which tag associates text with the field?
`<text>`
<description>`
<label>`
<caption>`
The form has sections for personal info and preferences. Which tag groups related fields?
<group>
<fieldset>
<section>
<div>
You require users to enter their phone number before submitting. Which attribute enforces this?
mandatory
required
must
needed
A gym wants a workout video on their site. Which HTML5 tag embeds it?
<media>
<video>
<movie>
<vid>
The video file is “workout.mp4”. Which attribute links it to the tag?
href
src
link
url
Users need to pause or adjust the video volume. Which attribute adds these controls?
control
controls
player
buttons
A relaxation site needs ambient sound. Which HTML5 tag adds audio?
<sound>
<audio>
<music>
<aud>
The audio should play as soon as the page loads. Which attribute enables this?
play
autoplay
start
auto
You’re laying out a news site and need a top section for the logo and title. Which element should you use?
<head>
<header>
<top>
<h1>
The site needs a navigation bar with links to “Home” and “News.” Which element wraps these?
<menu>
<nav>
<links>
<section>
The news site has distinct parts like “Local” and “World.” Which element defines these sections?
<div>
<article>
<section>
<aside>
Each news story should stand alone as its own content. Which element is best for each story?
<section>
<article>
<post>
<blog>
You add a “Fun Facts” sidebar unrelated to the main news. Which element should you use?
<sidebar>
<extra>
<aside>
<supplement>
