Write an HTML5 element (or elements) to accomplish each of the following tasks:
a) Students were asked to rate the food in the cafeteria on a scale of 1 to 10. Use a meter
element with text to its left and right to indicate that the average rating was 7 out of 10.
b) Create a details element that displays the summary text "Survey Results" for Part (a).
When the user clicks the arrow next to the summary text, an explanatory paragraph about
the survey should be displayed.
c) Create a text input element for a first name. The element should automatically receive
the focus when the form is rendered in a browser.
d) Modify Part (c) to eliminate the label element and use placeholder text in the input
element
Guide On Rating System
Vote
a)
<dl>
<dt>Food Rating:</dt>
<dd><meter value="7" min="1" max="10"></meter></dd>
</dl>
b)
<details>
<summary>Survey Results</summary>
<p>Explanatory paragraph about the survey...</p>
</details>
c)
<input type="text" id="firstName" name="firstName" autofocus>
d)
<input type="text" id="firstName" name="firstName" autofocus placeholder="First Name">
Got a question with my answer?
Cheapmath.com is completely free!
Asking question is free.
Getting answers is free.
+99