Having trouble figuring out User story 13

HTML-CSS
1

I can’t seem to solve User Story #13: Inside the form element, I can select a field from one or more groups of radio buttons. Each group should be grouped using the name attribute.

Your code so far

<DOCTYPE html>
  <html>
    <header>
<h1 id="title">English Level Assessment</h1>
    </header>
<body>
<p id="description">Fill this out to assess your English skills</p>

<form id="survey-form">
  <div class="input-headings">
  
  <label for="name" id="name-label">Name</label>
  
  <input id="name" text="text" name="name" placeholder="Erica Mateus" class="form-inputs" required></input>

<br>

<label for="email" id="email-label">Email</label>
<input id="email" text="text" email="email" placeholder="ericamateus@gmail.com" type="email" class="form-inputs" required></input>

<br>

<label for="number" id="number-label">Age</label>
<input id="number" text="text" email="number" placeholder="18" min="18" max="100" type="number" class="form-inputs" required></input>

<br>
  
<label for="dropdown" id="level">Select Your Level</label>
<select id="dropdown" class="form-inputs" >
  <option value="beginner">Beginner</option>
  <option value="elementary">Elementary</option>
  <option value="intermediate">Intermediate</option>
  <option value="advanced">Advanced</option>
  <option value="proficient">Proficient</option>
  <br>
  <br>
  <label>Goal</label>
  <p>Goal</p>
  
  <input type="checkbox" name="goal" value="1">IELTS</input>
    <input type="checkbox" name="goal" value="2">Business</input>
  <input type="checkbox" name="goal" value="3">Travel</input>
<input type="checkbox" name="goal" value="4">Fun</input>
<br>
  
  <label for="Learning_preference"> <b> Learning Preference </b> </label>
  <br>

  <input id="checkbox" type="checkbox" name="Learning_preference" value="Video Lessons">
  <label for="Learning Preference">Live Video</label>
  <br>
   <input id="checkbox" type="checkbox" name="Learning_preference" value="Video Lessons">
   <label for="learning_preference">Text and Voice</label>

  <br>

   <input id="checkbox" type="checkbox" name="Learning_preference" value="Prerecorded">
   <label for="learning_preference">Prerecorded</label>
  <br>
  
 <input id="checkbox" type="checkbox" name="Learning_preference" value="Video Lessons">
  <label for="learning_preference">Activities</label>

  <br>
  <label id="textarea"> <b> Additional Comments </b></label>
  <br>
  
  <textarea id="textarea" name="instructions" rows="5" col="40"></textarea>
  <br>
    <input id="submit" type="submit" value="submit" class="submit-button">
  </div>
</form>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36

Challenge: Build a Survey Form

Link to the challenge:

2

I’ve edited your post 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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

3

Hi @aiirwreecka !

For projects, it is usually better to share a codepen link.
Also make sure to include the test suite.

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>

Be sure and read more than just the first line of the failing message. The ability to read and comprehend error messages is a skill you’ll need to acquire as a developer. Ask questions on what you don’t understand.

Where are your radio buttons?
I don’t see any :grinning:

4

Can you give the Project link if its on codepen, codesandbox, or any other thing? It would be more helpful

5

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