Using a text editor, design a new web page that validates as an…
Question Answered step-by-step Using a text editor, design a new web page that validates as an… Using a text editor, design a new web page that validates as an HTML5 file. Create the Music Survey form shown in the illustration on the right using the guidelines below:Include an h1 element explaining the topic of the pageInclude a brief statement above the form that explains the purpose of the form and what you will do with the information once it is submitted.Include the following form controls:A text box for the first name along with the label First NameA text box for the last name along with the label Last NameText box for the email address along with the label E-mailA check box group with the 6 choices shown in the illustration. Use the fieldset and legend to group these elements.A radio button group with the 4 choices is shown in the illustration. Use the fieldset and legend to group these elements.A select list with these four options: empty option as the first item, Online, Retail Store, and Other.A scrolling text box that is 60 characters wideSubmit and Reset buttonsSave the file in your module7 folder and name it music_survey.html.Format the form using an external CSS file. The style of your finished form will not match the format in the illustration provided. Save this file using a logical file name in the module7 folder. As a minimum requirement, include rules for the following elements: body, h1, fieldset, and legend. Include any additional rules as needed.You will use the formmail.asp script on our server to process the form when submitted. Please use the following information to process the Music Survey form.Set up the form so that the action is controlled by a CGI script at the URL https://www.mccinfo.net/webresources/cgi-bin/formmail.asp. Instructions on how to use the script are available in Module 7.Use your MCC email address as the recipient when testing the form. Once you are finished testing the form, change the recipient email address to your instructor’s email address (which can be found in the syllabus). Remember that you cannot test the form from your local drive. You must upload the form to your website and test it from the server.Set the subject line of the email message to be “INFO1311 Form Assignment”Include hidden tags for the following fields as explained in the Usage Instructions for the formmail script: required (you could also use the new HTML5 attribute but be sure to indicate on the form in some way which fields are required), return_link_url (link back to the form itself), return_link_title, bgcolor or background, title, text_color, font_face, and font_size. Many of these hidden input tags will be used to format the default return page. So the intent is to make the return page look like it “belongs” with the form page.Test your page in the browser and validate your code using the W3C Validator toolImage transcription textX Music Survey X – C D file:///C:/1LaurieWebs/mccinfo/INFO1311_095: 3> ANGEL M Gmail X Cox WebMailC Cornell Home Google Music Survey [Replace this text with a brief statement that explains the purpose ofthe form and what you will do with the information once it is submitted] First Name: Last Name: E-… Show more… Show more Engineering & Technology Computer Science INFO 1311 Share QuestionEmailCopy link Comments (0)


