CCF_100/ASDV-WebDev
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

lab15

Browse Source
This commit is contained in:
Chloe Fontenot 🏳️‍⚧️
2023-03-24 23:48:24 -05:00
parent c032ee5d22
commit c388da9434
9 changed files with 199 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

141
Assignments/JavaScript/lab15js_CalebFontenot/public_html/lab15js_CalebFontenot.html Normal file
View File

@@ -0,0 +1,141 @@
<!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>