Create a music survey form... Requirements: 1. Name your file MusicSurvey.html .
ID: 664747 • Letter: C
Question
Create a music survey form...
Requirements:
1. Name your file MusicSurvey.html.
2. Set the action of your form to: http://www.markmurtha.com/csis128/readform.asp
3. Required form elements:
o Text box for name
o E-mail address input form control for the e-mail address
o Check box group with at least three choices ("Select your favorite types of music")
o Radio button group with at least three choices ("Select how often you purchase music")
o Select box that initially shows three items but contains at least four items (locations where you listen to music)
o Scrolling textarea that is 60 characters wide and three rows high ("What role does music play in your life?")
o Submit button
o Reset button
o Fieldset and legend containing the radio buttons
o Fieldset and legend containing the checkboxes
4. Use CSS to configure the display of the form
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>Devotional</label>
<input type="checkbox" id="typeofmusic3" name="typeofmusic">
<label>Classic</label>
<input type="checkbox" id="Checkbox1" name="typeofmusic">
<label>Lonely</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>Online</label>
<input type="radio" id="oftenlisten2" name="purchasetype">
<label>At gallary shop</label>
<input type="radio" id="oftenliste3" name="purchasetype">
<label>At gallary shop</label>
</legend>
</fieldset>
<!--select type control for locations-->
<label for="typeofmusic" class="lbltag"> locations where you listen to music :</label>
<select>
<option>Bed Room</option>
<option>Travelling</option>
<option>Class Room</option>
<option>Functions</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>
</body>
</html>
Related Questions
drjack9650@gmail.com
Navigate
Integrity-first tutoring: explanations and feedback only — we do not complete graded work. Learn more.