Survey Form - Build a Survey Form

Tell us what’s happening:
My tests are not being marked. Also I’m having trouble aligning my radio buttons and checkboxes with my label

   **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <link rel="stylesheet" href="styles.css">
 <head>
   <meta charset="UTF-8">
   <h1 id="title">
     Students' Survey Form
   </h1>
   <p id="description">
     Please fill out the following form
   </p>
 </head>
 <body>
   <form id="survey-form">
     <div class="square">
   <fieldset>
     <label id="name-label">Name:
       <input id="name" type="text" name="full-name" placeholder="Enter your name" required/>
       </label>
       <label id="email-label">Email:
         <input id="email" type="email" name="email-address" placeholder="Enter your email" required/>
         </label>
         <label id="number-label">Class:
           <input id="number" name="class" type="number" placeholder="Class" min="10" max="12"/>
           <label>Department:
       <select id="dropdown">
         <option>Select your department</option> 
         <option>Science</option> 
         <option>Arts</option> 
         <option>Commercial</option> 
         </select>
         </label>
   </fieldset>
   <fieldset>
         <label>Preffered Subjects
           <input type="checkbox" name="subjects"/>Mathematics
           <input type="checkbox" name="subjects" />English Language
           <input type="checkbox" name="subjects"/>Chemistry
           <input type="checkbox" name="subjects"/>Physics
           <input type="checkbox" name="subjects"/>Biology
           <input type="checkbox" name="subjects"/>Further Mathematics
           <input type="checkbox" name="subjects"/>Economics
           <input type="checkbox" name="subjects"/>French
           <input type="checkbox" name="subjects"/>Arabic
           <input type="checkbox" name="subjects"/>ICT
           </label>
   </fieldset>
   <fieldset>       
        <label>Most used platform
           <input type="radio" name="platform-used"/>Library
           <input type="radio" name="platform-used"/>Online resources
           <input type="radio" name="platform-used"/>Others
           </label>
           <label>Any comments/suggestions?
             <textarea placeholder="Leave your comment here" rows="3" cols="30"></textarea>
           </fieldset>
   </form>
 </body>
 <input id="submit" type="submit" value="Done"/>
 </div.
</html>
/* file: styles.css */
body{
 text-align: center;
 font-family: brittanic; 
 width: 100%;
 color: #ffffff;
 font-size:18px;
 background-image: url("https://i.pinimg.com/originals/1f/82/f0/1f82f02350a5257e7f970cc854d5a1cb.jpg");
 background-repeat: no-repeat;
 background-size: cover;

}
form{
 margin: auto;

}
label{
 display: block;
 margin: 1rem;
 padding-left: 100px;
 padding-right: 100px;
}
input{
 display: block;
 width: 100%;
 padding-right: 0;
 padding-left: 0;
 padding-top: 10;
 padding-bottom: 10;
 height: 2em
}
fieldset{
 border: 0;
 padding: 2 rem 0;
}
select{
width: 100%;
display: block;
height: 2em;
}
textarea{
 width: 100%;
}
.square{
 background-color: #3a7d8f;
 margin-left: 300px;
 margin-right: 300px;
 margin-top: 10px;
 margin-bottom: 0;
}
   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

Hi @nanaishmub

The first issue is “All your radio buttons should have a value attribute and value.”

Have you tried adding value attribute to the radio buttons?

You also need to do that to the checkboxes.

That did the trick!!! Thanks a lot. I really appreciate :innocent: :innocent: :blush: :blush:

Happy to help! I’m glad it worked out! Happy coding!

1 Like