Programming in HTML5 with JavaScript and CSS3 — Question 7

You are developing an HTML5 web form to collect feedback information from site visitors.
The web form must display an INPUT element that meets the following requirements:
✑ Allow numeric values between 1 and 10.
✑ Default to the value of 5.
✑ Display as a slider control on the page.
You need to add the INPUT element to the form.
Which HTML element should you add?

Answer options

• A. Rating (Between 1 and 10): <input type="number" name="rating" min ="1" max="10">
• B. Rating (Between 1 and 10): <input type="number" name="rating" min="1" max="10" default="5">
• C. Rating (Between 1 and 10): <input type="range" name="rating" min="1" max="10" default="5">
• D. Rating (Between 1 and 10): <input type="range" name="rating" min="1" max="10" value="5">

Correct answer: C

Explanation

The correct answer is D because the <input type="range"> element is specifically designed to create a slider control, which allows users to select a value within a specified range. While C is close, it incorrectly uses 'default' instead of 'value' to set the initial slider position. Options A and B are incorrect as they use type="number", which does not create a slider interface.