I have a problem with the label name

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
  <label>
    <input type="radio" name="indoor-outdoor"> input 
  </label>
  <label>
    <input type="radio" name="indoor-outdoor"> output 
  </label>
</form>
</main>
  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

can you explain what issue you are facing?

Hello Qaisar,

I have problem with the label tag it said it should has a name one for indoor and another for outdoor.

Kind Regards,

Ahmad

Hello @AmadM,

You should watch better the example you have in the challenge class: https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

The label needs that you use a for attribute that mach the id of you input to link them:

Example from freeCodeCamp:

<label for="indoor"> 
  <input id="indoor" type="radio" name="indoor-outdoor">Indoor 
</label>
1 Like

As @LucLH stated. Look at the example freeCodeCamp offers you and the way you implemented it.

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