An attribute for the radio

HTML-CSS
1

Tell us what’s happening:
Your radio buttons should be given the

name

attribute of

indoor-outdoor

. One of your radio buttons should have the label

indoor

. One of your radio buttons should have the label

outdoor

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://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">
<label for= "indoor">
  <input type="radio" name="indoor-outdoor">
</label>
<label for ="outdoor">
  <input id="indoor""outdoor" type="radio" name="indoor-outdooor">
  </label>
  <button type="submit">Submit</button>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 7.0; Infinix X572) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.162 Mobile Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

is it spelled like: outdooor ?
They also asking you to add a label
But is a label used as label for?

They gave you an example of a label

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

You must match attributes correctly with the input ids. You should not have two different ids for your input. The id you chose should correspond to the for attribute of the label.

4