Tell us what’s happening:
**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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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">
<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>
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
<label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
<label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">indoor
</label>
<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
<label for="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>
<label for="loving">
<input id="loving" value="loving" type="checkbox"name="personality">loving
</label>
<label for="lazy">
<input id="lazy"
value="lazy"
type="checkbox"
name="personality">lazy
</label>
<label for="energetic">
<input id="energetic"
value="energetic"
type="checkbox"
name="personality">energetic
</label>
</form>
</main>
Im trying to do this practice but the checkboxes arent working whats wrong??
HI @Jvssims !
Welcome to the forum!
Can you please provide the challenge link?
Also, it looks like you have to many radio and checkboxes.
I’m going to steal this one from @jwilkins.oboe
I’ve spotted the error, but I want you to try and fix it yourself before I spoil it to you. “Reset all code” on this lesson and start fresh and from that point, follow the step-by-step instructions without altering anything else.
Notice the difference between the official solution and your solution?
Capitalization! The solution wants loving, lazy, and energetic capitalized
Sometimes it’s the little things!
I would go ahead and reset the lesson.
Reread the directions carefully when it says this
Your task is to add the value attribute to the radio and checkboxes
Take a look at the example they gave you
<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
This is the value attribute
value="indoor"
So you need to add the value attributes for all of the radio and checkboxes.
I still dont think i got your point unfortunately. Could you elaborate please ?
This is your form
<form action="https://www.freecatphotoapp.com/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>
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
<label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
<label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>
</form>
Step 1 is to not create any new html tags.
In your original code you added a whole bunch of extra duplicate tags.
This is incorrect.
When you reset the lesson, use the code that is already there.
Step 2:
<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
Look very carefully at the input here
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
Notice the value attribute here
value="indoor"
Your job is to add a value attribute to each of the radio and checkboxes.
For example, you will add a value attribute of loving to the input
<label for="loving">
<input id="loving" type="checkbox" name="personality" ADD VALUE ATTRIBUTE HERE> Loving
</label>
You need to go through each of the radio buttons and checkboxes and add a value attribute with the correct names.
Hope that is clearer.
I did that for loving and it still says wrong
image|690x229
It is best to write your code directly into the forum instead of sharing screenshots.
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.
You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.
See this post to find the backtick on your keyboard.Note: Backticks (`) are not single quotes (’).
I don’t see a value attribute in the code shared.
jwilkins.oboe:
> Loving
It shouldn’t be lowercase.
That was the point that @ThatTyGuy was making earlier.
Make sure the only changes you make are inside the input which is this
Im not sure if i found any answer here im getting more complicated
Have you clicked the Reset All Code button yet?
The main issue is that you are still changing the wrong things.
Take a minute and look at this example again.
<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
Can you see where the value attribute is?
I did that.
name=“personality”>Loving
</label>
And still its not marked as correct
1 Like
Please copy paste absolutely all of your code into your posts every time. That partial scrap of code isn’t something we can debug.
Sorry but i am new to this. Not sure how or if i can copy the code anyways?
Are you unfamiliar with using copy and paste?
You need to go to your code, highlight it all, copy it (CTRL + C), and then paste the full code into the forum posts. Only posting a portion of the code doesn’t show us what you have and have not fixed.
This is a name attribute
Jvssims:
name=“personality”
That challenge wants you to add a value attribute
value="loving"
See the difference?
1 Like
I am on phone sorry. No ctrl+c thing thats why probably
Then you highlight your code and press and hold until you get the option to copy.
!
