Create HTML5 element (or to accomplish each of the following tasks……solved




5/5 - (4 votes)

Create HTML5 element (or to accomplish each of the following tasks:
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.
Create 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.
Create text input element for a first name. The element should automatically receive the focus when the form is rendered in a browser. Modify Part (c) to eliminate the label element and use placeholder text in the input element.
Use a datalist to provide an autocomplete list for five states.
Create range input element that allows the user to select a number from 1 to 100. Specify that autocomplete should not be allowed for a form. Show only the form’s opening tag. Use a mark element to highlight the second sentence in the following paragraph.

3.6 (Website Registration Form with Optional Survey) Create website registration form to obtain a user’s first name, last name and e-mail address. In addition, include an optional survey question that asks the user’s year in college (e.g., Freshman). Place the optional survey question in a details element that the user can expand to see the question.