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

HTML-CSS
1

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 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 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.135 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

You’re not closing the input on the correct place, count the number of “<” vs “>”

for example:

<label> has 1 “<” and 1 “>” which is correct

<input type="radio" name="indoor-outdoor"> value="Indoor"> has 1 “<” and 2 “>” which is incorrect

3

sorry bro it still doesnt work after i did what ur saying.

4

Pay attention to what is written on the discussion and compare :smile:

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

It’s lowercase value, you have “Indoor” instead of “indoor”

1 Like
5

thank u very much i tried what u said and it works i passed this challenge. thank u!

1 Like