Question: Data Files needed for this Coding Challenge: code 7 - 2 _ txt . html , code 7 - 2 _ forms.css You ve been

Data Files needed for this Coding Challenge: code7-2_txt.html, code7-2_forms.css
Youve been asked to create a survey web form for use in a seminar conference website. Some of the questions from the form are shown in Figure 760. Use your knowledge of HTML form elements to create the form elements and labels.
Figure 760 Coding Challenge 7-2 Example Page
Details
Do the following:
1
Open the code7-2_txt.html file from the html07 code2 folder. Enter your name and the date in the document and save the file as code7-2.html.
2
Go to the code7-2.html file in your editor. Within the head section insert a link element linking the page to the code7-2_forms.css style sheet.
3
The survey questions are marked as an ordered list. The first three questions include a nested list of options. For the first question do the following:
Mark the text from Very Satisfied to Very Dissatisfied as form labels.
Before each label insert a radio button belonging to the q1 field with default values of a through d. Assign the radio button controls the ids q1a through q1d.
Use the for attribute to associate each label with its radio button control.
4
Repeat Step 3 for questions 2 and 3, naming the fields for those radio buttons q2 and q3 respectively and assigning the radio button controls the ids q2a through q2d for the second question and q3a through q3d for the third question.
5
Within the div element with the id newRow insert a range slider that ranges from 1 to 10 in steps of 1, with a default value of 5. Insert the text very unlikely before the range slider and the text very likely after the range slider. Assign the range slider the field name q4.
6
Mark the text Provide any suggestions for the next conference as a form label and use the for attribute to attach the label to the input control with the id q5text.
7
Below the label in Step 6, insert a textarea control with the id q5text and the field name q5. Add the placeholder text enter your suggestions here.
8
Enclose the list of questions within opening and closing

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!