Create a music survey form similar to the hands-on exercise 6 on pages 421-422 o
ID: 3873434 • Letter: C
Question
Create a music survey form similar to the hands-on exercise 6 on pages 421-422 of the textbook.
Requirements:
Name your file MusicSurvey.html.
Set the action of your form to: http://www.markmurtha.com/csis128/readform.asp
Required form elements:
Text box for name
E-mail address input form control for the e-mail address
Check box group with at least three choices ("Select your favorite types of music") (pop , clasic, rock and roll)
Radio button group with at least three choices ("Select how often you purchase music") ( always , sometimes, never)
Select box that initially shows three items but contains at least four items (locations where you listen to music) (youtube, spotify, pandora, apple music)
Scrolling textarea that is 60 characters wide and three rows high ("What role does music play in your life?")
Submit button
Reset button
Fieldset and legend containing the radio buttons
Fieldset and legend containing the checkboxes
Use CSS to configure the display of the form
Place your name and an e-mail link at the bottom of the page.
Explanation / Answer
<html>
<head>
<!--title to display on browser tab-->
<title>Music Survey</title>
<!--all styles for form goes here-->
<style>
/*set music form width to 50 percent*/
.musicsurveyform {
width:50%;
}
/*all labels of input type in gray color*/
.musicsurveyform .lbltag{
color:gray;
}
</style>
</head>
<body>
<h1>Music Survey</h1>
<!--take form tag with action method-->
<form action="http://www.markmurtha.com/csis128/readform.asp" method="post" class="musicsurveyform" >
<fieldset>
<!--input tag for name field-->
<label for="name" class="lbltag">Name:</label>
<input type="text" id="name" name="name"/> <br /><br />
<!--input tag for email field-->
<label for="email" class="lbltag">Email:</label>
<input type="text" id="email" name="email"/><br /><br />
<fieldset>
<legend>
<!--checkbox type control for type of music field-->
<label for="typeofmusic" class="lbltag">Favorate Music :</label>
<input type="checkbox" id="typeofmusic1" name="typeofmusic">
<label>Melody</label>
<input type="checkbox" id="typeofmusic2" name="typeofmusic">
<label>Pop</label>
<input type="checkbox" id="typeofmusic3" name="typeofmusic">
<label>Classic</label>
<input type="checkbox" id="Checkbox1" name="typeofmusic">
<label>Rock and Roll</label>
</legend>
</fieldset>
<fieldset>
<legend>
<!--radio button type control purchase type-->
<label for="typeofmusic" class="lbltag">How Often purchase music :</label>
<input type="radio" id="oftenlisten1" name="purchasetype">
<label>Always</label>
<input type="radio" id="oftenlisten2" name="purchasetype">
<label>Sometimes</label>
<input type="radio" id="oftenliste3" name="purchasetype">
<label>Never</label>
</legend>
</fieldset>
<!--select type control for locations-->
<label for="typeofmusic" class="lbltag"> locations where you listen to music :</label>
<select>
<option>Youtube</option>
<option>Spotify</option>
<option>Pandora</option>
<option>Apple Music</option>
</select>
<br /> <br />
<!--textarea type control for description-->
<label for="typeofmusic" class="lbltag"> What role does music play in your life? :</label>
<textarea rows="3" cols="60" name="musiclife"></textarea> <br /><br />
<div>
<!--submit type control for submit survey-->
<input type="submit" value="submit"/>
<!--reset all fields by reset control-->
<input type="reset" value="reset"/>
</div>
</fieldset>
</form>
<footer>
<p>yourmail@chegg.com</p>
</footer>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.