Survey Form - Build a Survey Form

HTML-CSS
1

Tell us what’s happening:
Hi, I’ve been trying to complete all the requirements for this project before I start tweaking the code fully, but there’s only one of them that I don’t get( “Every Radio buttom group should have at least two radio buttons.” ).

I looked at the code several times and I can’t identify the problem with what I wrote (probably due to my inexperience with programming.) , so I was hoping that someone here could show me were did i go wrog and how could i fix and possibly improve it.

Note: english is not my first language so i am sorry if it is too hard to understand what i wrote.

Your code so far

<!-- file: index.html -->
<!CODETYPE html>
<html lang="en">
  <head>
    <h1 id="title">Survey</h1>
    <p id="description">welcome to our survey, we are currently in need of some data about our users satisfaction whith the courses avalible on our site.having that said, we want your sincere opinion on wich courses should be inproved further and wicth you would what us to add on our site. </p>
  </head>
  <body>
  <form id="survey-form">
      <label id="name-label" >Name
        <input  name="fullname" id="name" type="text" placeholder="Enter your name"  required/>
      </label>
    <label id="email-label">Email
        <input id="email" type="email" placeholder="Enter your email" required/>
    </label>
    <label id="number-label" >Age (Optional) 
        <input id="number" type="number" min="10" max="99" placeholder="Age" />
    </label>
    <select id="dropdown">
      <option name="placeholder-option" value="none1"></option>
      <option name="student" value="1">Student</option>
      <option name="fulltime-job" value="2">Full Time Job</option>
      <option name="fulltime-learner" value="3">Full Time Learner</option>
      <option name="prefer-not-to-say" value="4">Prefer not to say</option>
      <option name="other" value="5">Other</option>
    </select>
    <label>
        <input type="radio" name="placeholder-option-2" value="none2" />
        <input type="radio" value="6" name="challenges" />
        <input type="radio" value="7" name="projects" />
    </label>
    <select>
      <option value="none3"></option>
      <option value="8"></option>
      <option value="9"></option>
      <option value="10"></option>
    </select>
    <label>
        <input type="checkbox" value="11" />
        <input type="checkbox" value="12" />
        <input type="checkbox" value="13" />
    </label>
    <label>Any comments or suggestions? 
    <textarea name="Coments-and-suggestions" id="coments/suggestions"></textarea>
    </label>
    <label>
      <input type="submit" id="submit"/>
    </label>
  </form>
  </body>
</html>

/* file: styles.css */

Your browser information:

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

Challenge: Survey Form - Build a Survey Form

Link to the challenge:

2

Radio buttons are in the same group when they have the same value for the name attribute.

3

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