Tell us what’s happening:
Describe your issue in detail here.
**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="https://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>
</main>
**Your browser information:**
User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.128 Safari/537.36
.
Challenge: Use the value attribute with Radio Buttons and Checkboxes
Link to the challenge:
1 Like
hey buddy,
first of all from next time ask clearly what are u not understanding.
solution to your problem :-
value="indoor"
value="outdoor"
value="Loving"
value="Lazy"
value="Energetic"
you have to add these b/w input id & type attribute.
if you don’t get the solution, ping me again.
i will be there.
the value=“energetic” does not work i don"t know why
it still won’t work but i keep trying.
buddy,
start from fresh once
i done it but it will not say you completed the challenge. what to do should i go futhur or should i wait
what’s the problem is coming ??
show again now
@jorisdaalman You need to add value
attribute to input tags in this form:
<input value="thing you want to write" {other attrs} />
{other attrs}
means other attributes which are added by the challenge! It’s a pseudo code for explaining you.
i have done that. is this good for learning when you are 15 years old?
ilenia
April 22, 2021, 10:31am
11
yes, it works at whatever age
please post your code again
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 (’).
the value from the enrgetic doesn't work
<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="https://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" value="loving" name="personality"> Loving</label>
<label for="lazy"><input id="lazy" type="checkbox" value="lazy" name="personality"> Lazy</label>
<label for="energetic"><input id="energetic" type="checkbox"value="energetic" 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="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">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/89.0.4389.128 Safari/537.36
.
Challenge: Use the value attribute with Radio Buttons and Checkboxes
Link to the challenge:
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes Preformatted text
ilenia
April 22, 2021, 12:39pm
13
these are the existing elements, and you should add the value to these, not create additional elements after
the reason why it is failing fot this one:
is that you have changed the label text. It was Energetic
originally
There should be a value attribute containing the given words from the challenge panel
jorisdaalman:
value="energetic"
hey, @jorisdaalman
put a space after “checkbox”
Putting a space after "checkbox"
won’t fix the issue. The capitalization of "Energetic"
needs to be fixed.
1 Like
Loving and Lazy are correct in OP’s code.
1 Like
i am just reminding him bro
But those values are correct in OP’s code. You are giving incorrect information about what is wrong with the code.
1 Like