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

Tell us what’s happening:

Can’t figure out where I’m going wrong.

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>

 <input type="radio" name="indoor-outdoor" value="indoor">
 <input type="radio" name="indoor-outdoor" value="outdoor">
 <input type="checkbox" name="indoor-outdoor" value="loving">
 <input type="checkbox" name="indoor-outdoor" value="lazy">
 <input type="checkbox" name="indoor-outdoor" value="energetic">

</form>
</main>

Your browser information:

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

What do the failing tests say? What different things have you tried?

You appear to have added more input elements instead of just modifying the existing ones in the challenge. I recommend resetting the challenge and only add attributes to the existing radio and checkbox inputs. The tests are not expecting to see any additional elements added.

1 Like

reset the code starting over. my biggest issue is the check box inputs

What is the issue? We can not see what code you are trying to use. What error messages are you seeing and which tests are you failing now.

One of your checkboxes should have the value attribute of loving .

One of your checkboxes should have the value attribute of lazy .

One of your checkboxes should have the value attribute of energetic .

Can you please post the latest version of your code?

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

Indoor Outdoor Indoor Outdoor Loving Lazy Energetic Submit

You must add 3 backticks on the line before and after code you want to show in a post. You are missing the backticks.

Regarding your code, your checkboxes do you have value attributes.

Thanks for the time. I found my error. Capitalization

1 Like