Plz exolain what to do here

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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" 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>
</form>
</main>

  **Your browser information:**

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

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

Can you be a little more specific about what you don’t understand?

3

i am not understanding the challenge

4

Here are the instructions:

  • Do not create any new radio or checkbox elements.
  • Give each of the existing radio and checkbox inputs the value attribute.
  • Use the input label text, in lowercase, as the value for the attribute.

The first one is easy to do, just don’t add any new <input>s, only change the existing ones. So for each <input> you need to add the value attribute and set it equal to the text in the label, but make it all lowercase. Notice, you are not making the text that is already there lowercase! You should not touch the existing text at all. It is the text you are using for the value attribute you want to make lowercase.

Review the instructions on how to use the value attribute:

<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">

Just like the other attributes, such as id and type, you set it equal to a string.

If you still have questions please be very specific.

1 Like
5

on which line i have to change the value plz explain.

6

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