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">
   <meta charset="UTF-8">
   <h1 id="title">
     Students' Survey Form
   <p id="description">
     Please fill out the following form
   <form id="survey-form">
     <div class="square">
     <label id="name-label">Name:
       <input id="name" type="text" name="full-name" placeholder="Enter your name" required/>
       <label id="email-label">Email:
         <input id="email" type="email" name="email-address" placeholder="Enter your email" required/>
         <label id="number-label">Class:
           <input id="number" name="class" type="number" placeholder="Class" min="10" max="12"/>
       <select id="dropdown">
         <option>Select your department</option> 
         <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>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>Any comments/suggestions?
             <textarea placeholder="Leave your comment here" rows="3" cols="30"></textarea>
 <input id="submit" type="submit" value="Done"/>
/* file: styles.css */
 text-align: center;
 font-family: brittanic; 
 width: 100%;
 color: #ffffff;
 background-image: url("");
 background-repeat: no-repeat;
 background-size: cover;

 margin: auto;

 display: block;
 margin: 1rem;
 padding-left: 100px;
 padding-right: 100px;
 display: block;
 width: 100%;
 padding-right: 0;
 padding-left: 0;
 padding-top: 10;
 padding-bottom: 10;
 height: 2em
 border: 0;
 padding: 2 rem 0;
width: 100%;
display: block;
height: 2em;
 width: 100%;
 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/ 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

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.