Fraustrating challenge

i have added the value attribute on my checkbox yet im not passing the challenge.

  **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://www.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://www.freecatphotoapp.com/submit-cat-photo">
  <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="lazy"><input id="lazy"value="Loving"name="personality">loving</label>
  <label for="loving"><input id="loving" value="loving" name="loving"> loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> lazy</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">energetic</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/91.0.4472.124 Safari/537.36 Edg/91.0.864.70

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

I suggest you click “Reset All Code” to start this over fresh (you’ve changed too many things that you shouldn’t have and it would take too long to explain them all).

The instructions say:

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

So the only thing you have to do is add a value attribute to each input of type checkbox or radio. That’s it, do not change anything else.

When I past your code into the challenge and look at the generated output, it looks all kinds of wrong…
And looking at your code itself already shows you got two labels with “loving” and given the wrong output, propably some more mistakes.

One good thing about html is, that you can mostly see what you generate → ofcourse you need to pay attention to that.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.