Use-the-value-attribute-with-radio-buttons-and-checkboxes Need help for solving it

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 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"> Loving</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>
<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">
<input id="loving" value="loving" type="checkbox" name="indoor-outdoor">loving
</label>
<label for="lazy">
<input id="lazy" value="lazy" type="checkbox" name="indoor-outdoor">lazy
</label>
<label for="energetic"><input id="energetic" value="energetc" type="checkbox" name="indoor-outdoor">energetic</label>
</form>
</main>

Your browser information:

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

Hi, let’s revisit the lesson. You’re asked to “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 looks like you’ve recreated each of the radio buttons and checkboxes rather than adding to the existing ones.
When you recreated the radio buttons you correctly used the label input text in lowercase but
When you recreated the checkboxes you correctly use the label input text in lowercase but also changed the label input text to lowercase.

Use the “Reset All Code” button. Only edit the existing radio buttons / checkboxes and pay close attention to the instructions.

3

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