Problem with the label

HTML-CSS
1

can anyone help me please

  **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://www.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://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>

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

<label>
<label input type="outdoor">
<input id="outdoor" >
<input type="radio" name = "indoor-outdoor">outdoor
<laber for= "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/92.0.4515.159 Safari/537.36

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Looking at your code layout, it looks like there are some issues in your code in regards for the label formatting. Both of your inputs and labels should look like the example, where the name = value is the same.

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

Instructions:
Add a pair of radio buttons to your form, each nested in its own label element. One should have the option of indoor and the other should have the option of outdoor . Both should share the name attribute of indoor-outdoor to create a radio group.

1 Like
3

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