I need help with Use the value attribute with Radio Buttons and Checkboxes

Tell us what’s happening:
what am i doing wrong,

indoor <label for=“outdoor”

input id=“outdoor” value=“outdoor” type=“radio” name=“indoor-outdoor”>outdoor

<label for=“loving”

loving

lazy <label for=“energetic”

enegetic

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><input type="radio" name="indoor-outdoor"> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality"> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
<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="loving-lazy">loving</label>
<label for="lazy">
 <input id="lazy" value="lazy" type="checkbox" name="loving-lazy">lazy</label>                        <label for="energetic"
 <input id="enrgetic" value="energetic" type="checkbox" name="lazy-energetic">enegetic</label>


Your browser information:

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

You have created a bunch of new (and malformed) checkboxes and radio buttons. You need to add values to the preexisting checkboxes and radio buttons.

Hi,

Please use value attribute in the input boxes which will have store value which can be used for any manipulation.

Indoor

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

<label><input type="checkbox" name="personality" value='loving'> Loving</label>

<label><input type="checkbox" name="personality" value='lazy'> Lazy</label>

<label><input type="checkbox" name="personality" value='energetic'>

Thanks.

1 Like

@venkatmani, it’s great that you know how to do this, but here in the forum we try to help guide people to fix their own code rather than just giving them answers.

Thanks for understanding.

1 Like

Yeah sure will do it from next time.