Help with Basic HTML and HTML5: Use the value attribute with Radio Buttons and Checkboxes

:

Challenge: Give each of the radio and checkbox inputs the value attribute. Use the input label text, in lowercase, as the value for the attribute.

Errors I’m getting:

  • One of your checkboxes should have the value attribute of lazy
  • One of your checkboxes should have the value attribute of energetic

.

Mycode 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" 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>
</main>


Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.97 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

Surround your code with three backticks:

```
code code code…
```

(or select the code icon, sixth from the left, just above this text editing box)
… in order for us to be able to see it as code. Alternatively, I imagine a moderator with edit superpowers might notice this soon and fix it.

you need to add attribute value and specify the value of the element with which it is used

    <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>
2 Likes

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.

See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

Note: Backticks are not single quotes.

markdown_Forums