Use the value attribute with Radio Buttons and Checkboxes(how do I do this)

Hi,please I have been on this for three days now.
How do I do this:
One of your checkboxes should have the value attribute of loving .
One of your checkboxes should have the value attribute of lazy.
One of your checkboxes should have the value attribute of energetic.

This is my code so far:


Thanks

What code do you have so far?

It is in the link I sent above please.

that’s just the link to the challenge, there is not your code inside

<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"> Indoor</label>

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

    <label><input type="checkbox" name="personality"> Loving</label>

    <label><input type="checkbox" name="personality"> Lazy</label>

    <label><input 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="Lazy" value="outdoor" type="radio" name="indoor-outdoor">Outdoor

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

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

   </label>

  </form>

</main>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like

Thanks I will try it right now

do not create new elements, add to the existing ones

3 Likes

Oh,okay so that’s what I have been getting wrong.I created three

Hey :innocent: i am done with this challenge,Thanks :smiling_face_with_three_hearts:.

Yay :grinning:.Yay :smiley:.Yay :smiley:.Thanks for all the support,I just finished HTML :innocent:.

hey I’m new and really don’t understand what I’m doing

If you have a question about a specific challenge as it relates to your written code for that challenge, just click the Ask for Help button located on the challenge. It will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like