Someone please help me with this value attribute

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://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><input id="indoor"value="indoor"type="radio" name="indoor-outdoor"> indoor</label>
  <label><input id="outdoor"value="outdoor"type="radio" name="indoor-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">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; rv:79.0) Gecko/20100101 Firefox/79.0.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Could you explain what you’re trying to accomplish and what’s not working?

1 Like

"One of your radio buttons should have the value attribute of indoor ".this the message am getting please

Use the value attribute with Radio Buttons and Checkboxes.This is what am trying to accomplish

You are missing spaces between the value, type in the <label> area, see snippet.

This block of code works. I reset the exercise and just added the values in the end. Take a look:

  <form action="https://freecatphotoapp.com/submit-cat-photo">
    <label><input type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
    <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"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
1 Like