Basic HTMLand HTML5

Tell us what’s happening:
equation number 24 about check box value can you explain guys

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 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">
<label for="loving">
<input id="loving" value="loving" type="checkout" name="personality">loving</label>

  <<label for="lazy">
<input id="lazy" value="lazy" type="checkbox" name="personality">lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> 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 (X11; CrOS x86_64 13310.93.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/85.0.4183.133 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

Challenge requires value attribute for input[type="radio" and input[type="checkbox"
Add it as follows

<input type="checkbox" value="energetic">

Hi Demrew10,

I just completed this question the other day.

I ran your HTML in my browser to see “whats happening” :slight_smile:

What’s happening in my browser is that

  1. your “Loving” checkbox does not appear, only the text for the label
    and
  2. there is a " < " in front of your checkbox for Lazy.

The first is caused by the input tag for “Loving” not being nested inside your Label tags for “Loving” and spelling error for the in put type “checkout” should be “checkbox”

The second is caused by an extra < in front of your opening Label tag for “Lazy”
like this " <<label "

Regards

Martin