hi team
Each of your checkboxes should be added within the form
tag??
can you pls see from my end and see what needs to be done … cant figure it out
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="/submit-cat-photo">
<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
<label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
</main>
<label for="loving"><input id="Loving" type="checkbox" name="personality"> loving</label>
<label for="happy"><input id="Happy" type="checkbox" name="personality"> happy</label>
<label for="crazy"><input id="Crazy" type="checkbox" name="personality"> hyper</label><br>
<input type="text" placeholder="cat photo URL" required><
<button type="submit">Submit</button>
</form>
<main>
Your browser information:
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.138 Safari/537.36
.
Challenge: Create a Set of Checkboxes
Link to the challenge:
Learn to code. Build projects. Earn certifications.Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.
You have a </main>
closing tag that needs to be removed from the middle of your code. You have a <main>
opening tag at the bottom of your code that needs to be changed to a closing tag.
Fix these, and you should pass.
thx mate , just did it … but hmm but my question why say " Each of your checkboxes should be added within the form
tag?? its says nothing about the main tag removed??
it is because the opening <form>
tag is inside <main>
and the closing </form>
tag is outside of it, which is a nesting error, and you have a stray <
after your text input element, all of this is greatly confusing the tests
I suggest you reset your code (you can also copy your checkboxes to not loose them), in this way everything returns as it was
This is the starting code, I have just added a comment to it:
<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="/submit-cat-photo">
<label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
<label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
<!-- add checkboxes here -->
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
</main>
1 Like