142 lines
8.2 KiB
HTML
142 lines
8.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<!--
|
||
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
|
||
|
|
Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
|
||
|
|
-->
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>TODO supply a title</title>
|
||
|
|
<meta charset="UTF-8">
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<form name="music_survey" method = "post" id = "music_survey" action="mailto:calebfontenot5@my.solacc.edu?subject=Music Survey" enctype="text/plain" >
|
||
|
|
<h1>Music Survey</h1>
|
||
|
|
<div style="width: 20%; float: left;">
|
||
|
|
<fieldset> <legend>A Little About You</legend>
|
||
|
|
<label>Enter the following information</label><br> <br>
|
||
|
|
<label>Gender:</label> <br>
|
||
|
|
<input type="radio" id="male" value="Male" name="gender">
|
||
|
|
<label for="male">Male</label><br>
|
||
|
|
<input type="radio" id="female" value="Female" name="gender">
|
||
|
|
<label for="female">Female</label><br>
|
||
|
|
<input type="radio" id="other" value="Prefer not to specify" name="gender">
|
||
|
|
<label for="other">Prefer not to specify</label><br>
|
||
|
|
|
||
|
|
</fieldset>
|
||
|
|
</div>
|
||
|
|
<div style="width: 20%; float: left;">
|
||
|
|
<fieldset> <legend>Select your age:</legend>
|
||
|
|
<label>Select the age range that best represents your age.</label> <br> <br>
|
||
|
|
<label>Age:</label> <br>
|
||
|
|
<input type="radio" id="under16" value="Under 16" name="age">
|
||
|
|
<label for="under16">Under 16</label><br>
|
||
|
|
<input type="radio" id="16to25" value="16 - 25" name="age">
|
||
|
|
<label for="16to25">16 - 25</label><br>
|
||
|
|
<input type="radio" id="25to45" value="25 - 45" name="age">
|
||
|
|
<label for="25to45">25 to 45</label><br>
|
||
|
|
<input type="radio" id="45to65" value="45 - 65" name="age">
|
||
|
|
<label for="45to65">45 to 65</label><br>
|
||
|
|
<input type="radio" id="over65" value="over 65" name="age">
|
||
|
|
<label for="over65">Over 65</label><br>
|
||
|
|
</fieldset>
|
||
|
|
</div>
|
||
|
|
<div style="width: 40%; float: bottom">
|
||
|
|
<fieldset> <legend>Ratings</legend>
|
||
|
|
<label>Rate your music preferences from 1 to 6 where 1 is your favorite type of music and 6 is your least favorite:</label><br> <br>
|
||
|
|
<div style="width: 15%; float: left;">
|
||
|
|
<label>Classical 🎹:</label> <br>
|
||
|
|
<input type="radio" id="classical1" value="1" name="classical">
|
||
|
|
<label for="classical1">1</label> <br>
|
||
|
|
<input type="radio" id="classical2" value="2" name="classical">
|
||
|
|
<label for="classical2">2</label> <br>
|
||
|
|
<input type="radio" id="classical3" value="3" name="classical">
|
||
|
|
<label for="classical3">3</label> <br>
|
||
|
|
<input type="radio" id="classical4" value="4" name="classical">
|
||
|
|
<label for="classical4">4</label> <br>
|
||
|
|
<input type="radio" id="classical5" value="5" name="classical">
|
||
|
|
<label for="classical5">5</label> <br>
|
||
|
|
<input type="radio" id="classical6" value="6" name="classical">
|
||
|
|
<label for="classical6">6</label> <br>
|
||
|
|
</div>
|
||
|
|
<div style="width: 15%; float: left;">
|
||
|
|
<label>Jazz 🎷:</label> <br>
|
||
|
|
<input type="radio" id="s1" value="1" name="jazz">
|
||
|
|
<label for="s1">1</label> <br>
|
||
|
|
<input type="radio" id="s2" value="2" name="jazz">
|
||
|
|
<label for="s2">2</label> <br>
|
||
|
|
<input type="radio" id="s4" value="3" name="jazz">
|
||
|
|
<label for="s3">3</label> <br>
|
||
|
|
<input type="radio" id="s3" value="4" name="jazz">
|
||
|
|
<label for="s4">4</label> <br>
|
||
|
|
<input type="radio" id="s4" value="5" name="jazz">
|
||
|
|
<label for="s5">5</label> <br>
|
||
|
|
<input type="radio" id="s6" value="6" name="jazz">
|
||
|
|
<label for="s6">6</label> <br>
|
||
|
|
</div>
|
||
|
|
<div style="width: 15%; float: left;">
|
||
|
|
<label>Rap 😠:</label> <br>
|
||
|
|
<input type="radio" id="s1" value="1" name="rap">
|
||
|
|
<label for="s1">1</label> <br>
|
||
|
|
<input type="radio" id="s2" value="2" name="rap">
|
||
|
|
<label for="s2">2</label> <br>
|
||
|
|
<input type="radio" id="s3" value="3" name="rap">
|
||
|
|
<label for="s3">3</label> <br>
|
||
|
|
<input type="radio" id="s4" value="4" name="rap">
|
||
|
|
<label for="s4">4</label> <br>
|
||
|
|
<input type="radio" id="s5" value="5" name="rap">
|
||
|
|
<label for="s5">5</label> <br>
|
||
|
|
<input type="radio" id="s6" value="6" name="rap">
|
||
|
|
<label for="s6">6</label> <br>
|
||
|
|
</div>
|
||
|
|
<div style="width: 15%; float: left;">
|
||
|
|
<label>Country 🤮:</label> <br>
|
||
|
|
<input type="radio" id="s1" value="1" name="country">
|
||
|
|
<label for="s1">1</label> <br>
|
||
|
|
<input type="radio" id="s2" value="2" name="country">
|
||
|
|
<label for="s2">2</label> <br>
|
||
|
|
<input type="radio" id="s3" value="3" name="country">
|
||
|
|
<label for="s3">3</label> <br>
|
||
|
|
<input type="radio" id="s4" value="4" name="country">
|
||
|
|
<label for="s4">4</label> <br>
|
||
|
|
<input type="radio" id="s5" value="5" name="country">
|
||
|
|
<label for="s5">5</label> <br>
|
||
|
|
<input type="radio" id="s6" value="6" name="country">
|
||
|
|
<label for="s6">6</label> <br>
|
||
|
|
</div>
|
||
|
|
<div style="width: 15%; float: left;">
|
||
|
|
<label>Reggae: 💃🏻</label> <br>
|
||
|
|
<input type="radio" id="s1" value="1" name="reggae">
|
||
|
|
<label for="s1">1</label> <br>
|
||
|
|
<input type="radio" id="s2" value="2" name="reggae">
|
||
|
|
<label for="s2">2</label> <br>
|
||
|
|
<input type="radio" id="s3" value="3" name="reggae">
|
||
|
|
<label for="s3">3</label> <br>
|
||
|
|
<input type="radio" id="s4" value="4" name="reggae">
|
||
|
|
<label for="s4">4</label> <br>
|
||
|
|
<input type="radio" id="s5" value="5" name="reggae">
|
||
|
|
<label for="s5">5</label> <br>
|
||
|
|
<input type="radio" id="s6" value="6" name="reggae">
|
||
|
|
<label for="s6">6</label> <br>
|
||
|
|
</div>
|
||
|
|
<div style="width: 15%; float: left;">
|
||
|
|
<label>EDM: 🔊</label> <br>
|
||
|
|
<input type="radio" id="s1" value="1" name="edm">
|
||
|
|
<label for="s1">1</label> <br>
|
||
|
|
<input type="radio" id="s2" value="2" name="edm">
|
||
|
|
<label for="s2">2</label> <br>
|
||
|
|
<input type="radio" id="s3" value="3" name="edm">
|
||
|
|
<label for="s3">3</label> <br>
|
||
|
|
<input type="radio" id="s4" value="4" name="edm">
|
||
|
|
<label for="s4">4</label> <br>
|
||
|
|
<input type="radio" id="s5" value="5" name="edm">
|
||
|
|
<label for="s5">5</label> <br>
|
||
|
|
<input type="radio" id="s6" value="6" name="edm">
|
||
|
|
<label for="s6">6</label> <br>
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
</div>
|
||
|
|
<div style="float: unset;"><input type = "submit" value="submit"><br /></div>
|
||
|
|
</body>
|
||
|
|
</html>
|