Please help me using two radio button

HTML-CSS
1

Tell us what’s happening:

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="https://freecatphotoapp.com/submit-cat-photo">
   <input type="text" placeholder="cat photo URL" required>
   <button type="submit">Submit</button>
 </form>
<form>
 <label for="indoor">
   <input id="indoor" types="radio" name="indoor-outdoor">Indoor
   </lable>
     <label for="outdoor">
       <input id="outdoor" types="radio" name="indoor-outdoor">outdoor
        </lable>
  </form>
</main>

Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Hi,

In your input elements, you should have type="radio" and not types=“radio”.

also

check your closing label tags. It should be </label> and not </lable>

2 Likes
3

Spelling error! inspect carefully! type = “radio” and form element should not be used twice! when you are making form you should use one form element for everything. Instead use div element or semantic element such as section.

2 Likes
4

Spelling error as @JoelGB99 and @pkusaha will lead your web page to lack some elements so be careful with the HTML , CSS and Javascript syntax

1 Like
5

yeah its case sensitive in case of all programming language such ase camelcase and camelCase are not same! when you are coding turn your attention into eagle eye. Otherwise after coding 300 lines it will be hard to find out or may crash like dumb shit!