html and css element

Tell us what’s happening:

  **Your code so far**

<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>
<form action="">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> lazy</label>
  <label for="lazy"><input id="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>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

1 Like

Give the radio and checkbox elements a value attribute that corresponds to the label of the radio or checkbox


value = "outdoor"

<label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label>

Look the value attribute “outdoor” the same label of input element which is “Outdoor”.

Add value attribute into input element anywhere you want like after the id or after the type attribute.

And add the value attribute in all radio and checkboxes to pass the challenge.

1 Like

You have not given the value attributes of the radio and checkbox.


this is all from my side !!
if u didn’t get yet, ping me for sure.

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