Survey Form - Build a Survey Form

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:

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

hi there, I see you posted some code. But you haven’t asked anything?

I passed all test but still didn’t pass the radio buttons test, I don’t know what know what to do or what I’m doing wrong

Try fixing mistakes like these.
The html style tag and html tag should not be here (remove the last three lines)

Also fix the spelling for the name attribute here to be identical to the spelling used for the other radio button’s name attribute

sorry don’t understand what you mean by last three lines

I showed you a code snippet.
Then I said which lines were incorrect.
Not sure how to explain it any other way?

Thanks I’ve gotten it, it was a typo I appreciate brother
but I wasn’t offered any certificate thought it was a certificate project

You have to complete all 5 projects to get a certificate.

The certificate will link to your work so make sure you spend enough time on each project to be proud of the result.

Thanks a lot I really appreciate your patience, you’re blessed

1 Like