Answered step by step
Verified Expert Solution
Question
1 Approved Answer
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: codetxthtml codeforms.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 Use your knowledge of HTML form elements to create the form elements and labels.
Figure Coding Challenge Example Page
Details
Do the following:
Open the codetxthtml file from the html code folder. Enter your name and the date in the document and save the file as codehtml
Go to the codehtml file in your editor. Within the head section insert a link element linking the page to the codeforms.css style sheet.
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 q field with default values of a through d Assign the radio button controls the ids qa through qd
Use the for attribute to associate each label with its radio button control.
Repeat Step for questions and naming the fields for those radio buttons q and q respectively and assigning the radio button controls the ids qa through qd for the second question and qa through qd for the third question.
Within the div element with the id newRow insert a range slider that ranges from to in steps of with a default value of 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 q
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 qtext.
Below the label in Step insert a textarea control with the id qtext and the field name q Add the placeholder text enter your suggestions here.
Enclose the list of questions within opening and closing
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started