add option select to age, change year in school to 'year' and create radio buttons

Daniel1000c · Daniel1000c · commit 8c47498ea260 · 2025-01-29T09:13:50.000-05:00
diff --git a/formapi/formAPI.html b/formapi/formAPI.html
@@ -5,6 +5,7 @@
         <title>Form API</title>
         <link rel="stylesheet" href="css/style.css">
         <link rel="icon" type="image/x-icon" href="favicon/favicon.ico"><!--Link to favicon-->
+        <script src="scripts/script.js"></script><!--Link to script file-->
     </head>
     <body>
         <header>
@@ -38,11 +39,34 @@ <h2>Please Fill Out the Form</h2>
 
                <!--Prompt the user for age-->
                <label for="age">Age:</label> <br>
-               <input type="number" id="age" name="age"> <br>
+               <select name="age" id="age">
+                   <option value="" disabled selected>Select Age</option>
+               </select><br>
 
                <!--Prompt the user for year in school -->
-               <label for="yearInSchool">Year in School:</label> <br>
-               <input type="number" id="yearInSchool" name="yearInSchool"> <br>
+               <label for="year">Year:</label> <br>
+
+               <!--Create radio container-->
+               <div class="radioContainer">
+                <!--Create radio buttons-->
+
+                <!--Freshman-->
+                <input type="radio" id="freshman" name="year" value="freshman">
+                <label for="freshman" class="radioLabel">Freshman</label> <br>
+
+                <!--Sophomore-->
+                <input type="radio" id="sophomore" name="year" value="sophomore">
+                <label for="sophomore" class="radioLabel">Sophomore</label> <br>
+
+                <!--Junior-->
+                <input type="radio" id="junior" name="year" value="junior">
+                <label for="junior" class="radioLabel">Junior</label> <br>
+
+                <!--Senior-->
+                <input type="radio" id="senior" name="year" value="senior">
+                <label for="senior" class="radioLabel">Senior</label> <br> 
+               </div>
+               
 
                <!--Prompt the user for subject line-->
                <label for="subjectLine">Subject Line:</label> <br>
