Tell us what’s happening:
Your code so far
1. <h2>CatPhotoApp</h2>
2. <main>
3. <p>Click here to view more </a>.</p>
4.
5. <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
6.
7. <p>Things cats love:</p>
8. <ul>
9. <li>cat nip</li>
10. <li>laser pointers</li>
11. <li>lasagna</li>
12. </ul>
13. <p>Top 3 things cats hate:</p>
14. <ol>
15. <li>flea treatment</li>
16. <li>thunder</li>
17. <li>other cats</li>
18. </ol>
19. <form action="/submit-cat-photo">
20. <input id="indoor" type="radio" name="indoor-outdoor">
21. <label for="indoor">Indoor</label>
22. <input id="outdoor" type="radio" name="indoor-outdoor">
23. <label for="outdoor">Outdoor</label>
24.
25. <input type="text" placeholder="cat photo URL" required>
26. <button type="submit">Submit</button>
27. </form>
28. </main>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.88 Safari/537.36.
Challenge: Create a Set of Radio Buttons
Link to the challenge: https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons
ilenia
December 28, 2019, 7:15am
2
I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.
See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.
Note: Backticks are not single quotes.
ilenia
December 28, 2019, 7:16am
3
the challenge asks you to write the input elements nested in the label elements, take a look at the example code in the challenge for an example of that
1 Like
LHS
December 28, 2019, 7:21am
4
After your lists, these lines need to be next
<form action="submit-cat-photo">
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
It (your version) has two lines switched, the first one closes the label tag too soon and the (true) second one is incomplete. It should go:
<label for="indoor">
<input id="indoor" type="radio" name="indoor-outdoor">Indoor</label>
Likewise for outdoor
<label for="outdoor">
<input id="outdoor" type="radio" name="indoor-outdoor">Outdoor</label>
1 Like
LHS
December 28, 2019, 7:26am
5
Oh, I wish I had read your post first about the tic marks. I figured it out through trial and error and error and error, but finally got it, LOL!
1 Like
thank you very much that was helpful
thank you very much LHS that was helpful
