I am not able to submit it . It is sayin you should make both radio element in one label . How to do it pleae someone help me

It says use one label for both radio buttoms. How to do it please someone help me:

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

<a href="#"><img src="https://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="/submit-cat-photo">
<input id = "indoor" type = "radio" name = "indoor-outdoor">
<label for = "indoor">Indoor </label>
<input id = "outdoor" type = "radio" name = "indoor-outdoor">
<label for = "Outdoor" >Outdoor</label>

  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">submit</button>
</form>
</main>

Challenge: Create a Set of Radio Button

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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums

when you ask for help, please include challenge link, it is not easy to help you without knowing exactly what you are being asked to do

You need to nest each input inside its corresponding label. Look at the example given in the challenge for how to do nesting.

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

Challenge link: Create a Set of Radio Buttons

1 Like