Answered step by step
Verified Expert Solution
Link Copied!

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: 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

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Learning MySQL Get A Handle On Your Data

Authors: Seyed M M Tahaghoghi

1st Edition

0596529465, 9780596529468

More Books

Students also viewed these Databases questions