I need help with Create a Set of Radio Buttons challenge

HTML-CSS
1

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://www.bit.ly/fcc-relaxing-cat" 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>

<label>
<input type = "radio" name = "indoor-outdoor">indoor
<input type = "radio" name = "indoor-outdoor">outdoor
</label>

 
<button type="submit">Submit</button>
</form>



</main>

  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Hi @Orpith !

Welcome to the forum!

A few things.

No.1: I changed the title of your post to be something more descriptive.
Please avoid placing random pieces of code in the title.
You will get more responses to your posts if your title describes what you need help with.

No.2: When asking questions on the forum, it is always best to describe the issue you are having. Being able to ask questions, is an important part of being a developer.

No.3: This is the error message
Each of your two radio button elements should be nested in its own label element.

Each of the inputs needs to have its own label.

It is incorrect to place both of the inputs inside label tags like this.

Hope that helps!

1 Like
4

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