Build a Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:

“All your radio buttons should have a name attribute and value.” Followed the video to the letter, step-by-step. What am I missing here?

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8" />
  </head>
    <body>
      <h1 id="title">PreCodeCamp Information</h1>
      <p id="description">Fill out form to request more information.</p>
      <form id="survey-form">
        <label for="name" id="name-label">Name</label>
        <input id="name" required type="text" placeholder="Enter your name">
        <label for="email" id="email-label">Email</label>
        <input id="email" required type="email"placeholder="Enter your email">
        <label for="number" id="number-label">Number</label>
        <input id="number" type="number" min="18" max="99"placeholder="Age">
        <select id="dropdown">
          <option value="yes">Yes</option>
          <option value="no">No</option>
        </select>
        
        <label for="Coding level One" id="Coding-level-One">Coding Level One</label>
        <input type="radio" value="middle">Middle<name ="Coding-Level-One"></label>
        <label for="Coding level Two" id="Coding-level-Two">Coding Level Two</label>
        <label><input type="radio" value="some">Some<name ="Coding-level-Two"></label>
        <label for="Coding level Three" id="Coding-level-Three">Coding Level three</label>
        <label><input type="radio" value="expert">Expert<name ="Coding-level-Three"></label>
        <label for="Learning Style" id="Learning-Style">Learning Style</label>
        <label><input type="checkbox" value="video">Video<name="video"></label>
        <label><input type="checkbox" value="group">Group<name="group"></label>
        <label><input type="checkbox" value="mentor">Mentor<name="mentor"></label>
        <textarea></textarea>
        <input type="submit" id="submit">
      </form>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.4 Safari/605.1.15

Challenge Information:

Build a Survey Form - Build a Survey Form

2

this is not correct html, attributes go in an opening tag, not floating alone like this

you may want to double check what the video say

4 
<!DOCTYPE html>
<html lang="en">
  <head>
    <link rel="stylesheet" href="styles.css">
    <meta charset="UTF-8"/>
  </head>
    <body>
      <h1 id="title">PreCodeCamp Information</h1>
      <p id="description">Fill out form to request more information.</p>
      <form id="survey-form">
        <label for="name" id="name-label">Name</label>
        <input id="name" required type="text" placeholder="Enter your name">
        <label for="email" id="email-label">Email</label>
        <input id="email" required type="email"placeholder="Enter your email">
        <label for="number" id="number-label">Number</label>
        <input id="number" type="number" min="18" max="99"placeholder="Age">
        <!-- Yes/No Dropdown -->
        <label for="kind" id="kind-label">Kind</label>
        <select id="dropdown">
          <option value="yes">Yes</option>
          <option value="no">No</option>
        </select>
        
       <a> <labelfor="Coding Style" id="Coding-Style"name="Coding-Style">Coding Style</label>
       <label for="Coding level One" id="Coding-level-One"name="Coding-Level-One">None</label>
        <input type="radio" value="middle"><name ="Coding-Level-One"></label>
        <label for="Coding level Two" id="Coding-level-Two"name="Coding-level-Two">Some</label>
        <label><input type="radio" value="some"><name ="Coding-level-Two"></label></a>

        <label for="Coding level Three" id="Coding-level-Three"name="Coding-Level-Three">Expert</label>
        <label><input type="radio" value="expert"><name ="Coding-level-Three"></label></a>

        <a><label for="Learning Style" id="Learning-Style"name="Learning-Style">Learning Style</label>
        <label><input type="checkbox" value="video"name="video">Video</label>
        <label><input type="checkbox" value="group"name="group">Group</label>
        <label><input type="checkbox" value="mentor"name="mentor">Mentor</label></a>

        <textarea>Questions or comments</textarea>
        <input type="submit" id="submit">
      </form>
  </body>
</html>

Corrected that section but still flagging on radio name and value attributes

5

you marked this as solution, do you still need help?

you still have the same issue everywhere else

6

I completed the assignment and found the solution. Do you know why I am unable to take the HTML Exam?

7

Hi,
The html exam is not out yet. It will be coming soon as it states on the page.