Having issues with the radio buttons
Your code so far
//<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Survey Form</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1 id="title">Student Survey Form</h1>
<p id="description">Please read All sections of this form carefully, before inputting your answers, as this will help us improve our platform and help us create a good learning environ with you.</p><br><br>
<form id="survey-form">
<fieldset>
<legend>Personal Info.</legend>
<label for="name" id="name-label">Name:</label><br>
<input type="text" id="name" name="name" placeholder="Miracle Isaiah" required/><br><br>
<label for="email" id="email-label">Email:</label><br>
<input type='email' id="email" name="email" placeholder="miracleisaiahrealm@gmail.com" required/><br><br>
<label for="age" id="number-label">Age:</label><br>
<input type="number" id="number" name="number" min="13" max="30" placeholder="Age"/><br><br>
<label for="birthday">Birthday:</label><br>
<input type="date" id="birthday" name="birthday"><br><br>
<label for="phone-number" id="number-label">Phone number:<br>
<input type="number" id="contact" name="contact" placeholder="+234"><br><br>
<label for="gender">Gender:</option><br>
<select id="dropdown" name="gender">
<option value="male">Male</option>
<option value="female">Female</option>
<option value="others">Others</option><br>
</select><br><br>
<label for="home-adress">Home Address:</label><br>
<input type="physical address" id="home-address" name="home-address"><br><br>
<label for="educational-background">Your Educational Background?</label><br>
<input type="radio" id="high-school" name="educational-backgroubd" value="high-schol"/>
<label for="high-school">High School</label><br>
<input type="radio" id="college" name="educational-background" value="college"/>
<label for="college">College </label><br><br><hr>
<h2>You are given the opportunity to choose the subjects of your choice in your various depts.</h2><br>
<label for="department" id='department'>Department of your choice:</label><br><br>
<input type="checkbox" id="history" name="department" value='dept1'>
<label for="history">History</label><br>
<input type="checkbox" id="arts" name="department" value='dept2'>
<label for="arts">Arts</label><br>
<input type="checkbox" id="classis" name="department" value='dept3'>
<label for="classics">Classics</label><br>
<input type="checkbox" id="Commerce" name="department" value='dept4'>
<label for="commerce">Commerce</label><br>
<input type="checkbox" id='economics' name='departmnet' value='dept5'>
<label for='economics'>Economics</label><br>
<input type='checkbox' id='education' name='department' value='dept6'>
<label for='education'>Education</label><br>
<input type='checkbox' id='engineering' name='department' value='dept7'>
<label for='engineering'>Engineering</label><br>
<input type='checkbox' id='graduate studies' name='department' value='dept8'>
<label for='graduate studies'>Graduate Studies.</label><br><br>
</fieldset><br><br><hr><br><br>
<fieldset>
<legend>Your Vote Count</legend>
<section><p>In this section, we assume that you must have become familiar with your teachers, as it is our annual culture to award our best teacher of the year through the votes of our students as perceived that students knows there teachers more.<br>
Please take your time to vote wisely.
</p></section><br>
<h2>Help Us Know The Teacher Of The Year!
</h2>
<br> Note: You can choose just two teachers as the vote procedes to the final.</p><br>
<label for='teacher-of-the-year' id='teacher-of-the-year'>Vote For Your Teacher Of The Year.</label><br>
<input type="checkbox" id='mr josh isang' name='teacher-of-the-year' value='teacher1'>
<label for='mr josh isang'>Mr Josh Isang</label><br>
<input type='checkbox' id='mr albert alfred' name='teacher-of-the-year' value='teacher2'>
<label for='mr albert alfred'>Mr Albert Alfred</label><br>
<input type='checkbox' id='mr gbemiga olosunde' name='teacher-of-the-year' value='teacher3'>
<label for='mr gbemiga olosunde'>Mr Gbemiga Olosunde</label><br>
<input type='checkbox' id='mr trump johnnywil' name='teacher-of-the-year' value='teacher4'>
<label for='mr trump johnnywil'>Mr Trump Johnnywil</label><br>
<input type='checkbox' id='mrs aneffiong peterson' name='teacher-of-the-year' value='teacher5'>
<label for='mrs aneffiong peterson'>Mrs Aneffiong Peterson(the last woman standing.)</label><br><br>
<label for='comment' id='comment'>Give us a comment on why you love this teachers:</label><br>
<textarea id='comment' name='comment' rows='3' cols='30' placeholder='Your comments here.'></textarea><br><br>
<button id='submit'>Submit</button>
</fieldset>
</form>
</body>
<style>
body{
background-image: url(https://th.bing.com/th/id/OIP.AJ6fPLYNsu_j8zoZ69vWHwHaEK?w=269&h=180&c=7&r=0&o=5&pid=1.7);
background-size: 100% 10%;
background-repeat: no-repeat;
background-color: blue;
}
legend{
background-color: grey;
color: black;
padding: 5px 10px;
display: block;
font-weight: bold;
}
h1{
text-align: center;
}
p{
font-weight: bold;
display: block;
padding: auto;
}
</style>
</html>
//
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Safari/537.36
Challenge: Survey Form - Build a Survey Form
Link to the challenge:
