Set of Radio Buttons / id attribute

HTML-CSS
1

hi all,
Someone can tell me please, what is wrong with my codes? And my other question is that if we but id attribute as well what will change?
Thanks

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 <lable  <input type="radio" name="indoor-outdoor"/>Indoor
 <button type="submit">Submit</button> </lable>
 </form>
<form <lable  <input type="radio" name="indoor-outdoor"/> Outdoor 
<button type="submit">Submit </button></lable>

</form>

</main>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_1) AppleWebKit/604.3.5 (KHTML, like Gecko) Version/11.0.1 Safari/604.3.5.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Please look at the word label and at how you rote this word. Plus look what is asked in the task. You need to nest in the label a pair of radio buttons that means input with radio type, not the literal buttons. Look at examples more closely

1 Like
3

resolved , thanks , could u please tell me id attribute in this case for what is useful?

4

Id is very useful for CSS when you need to apply design to specific element

1 Like