Label tags for radio button

HTML-CSS
1

Idk why should i include the label tags
I’ve managed to pass the challenge but I also notice something. After deleting the starting and ending label tags & , the outputs are still the name, radio button is still showing as usual.

  **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>


<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>




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

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

</form>


  **Your browser information:**

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

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

label tags don’t change the appearance of the page (although they are often targeted for CSS styles). They are a semantic element. They tell computers how pieces of the html are related to each other. The primary reason that this is important is for accessibility. Many people use accessibility aids, such as screen readers, to interact with your website.

3

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