HTML et HTML5 de base: créer un ensemble de boutons radio

HTML-CSS
1

Tell us what’s happening:
Bonjour est ce que je pourrais avoir de l’aide pour cette exercice j’ai tout réussi sauf l’un de vos bouton doit avoir l’étiquette indoor et l’un de vos bouton doit avoir l’etiquette outdoor.Merci

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">
<label  >  
  <input  type="radio" name="indoor-outdoor"
placeholder="indoor" ></label>
<label for="outdoor" >
   <input id="outdoor"  type="radio"name="indoor-outdoor"></label>
 </form>
</main>

Your browser information:

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

HI @Aminee!

Welcome to the forum!

Here is the FCC example

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

and here is your code

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

Take a close look at the two examples. You are missing something key here

Same issue with the other radio button.

Something is missing here

Once you fix those two issues then the test will pass.

3

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