Learn HTML by Building a Cat Photo App - Step 60

This is the code I have so far. Whenever I try to check the code, it comes with the error message…

" The value attribute of the Loving checkbox should be set to loving . You have either omitted the value or have a typo. Remember that attribute values should be surrounded with quotation marks."

After looking that line of code time and time again, I don’t understand where the error is.

Your code so far

        <h2>Cat Photos</h2>
        <!-- TODO: Add link to cat photos -->
        <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</p>
        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
        <h2>Cat Lists</h2>
        <h3>Things cats love:</h3>
          <li>cat nip</li>
          <li>laser pointers</li>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
        <h3>Top 3 things cats hate:</h3>
          <li>flea treatment</li>
          <li>other cats</li>
          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
        <h2>Cat Form</h2>
        <form action="https://freecatphotoapp.com/submit-cat-photo">

<!-- User Editable Region -->

            <legend>Is your cat an indoor or outdoor cat?</legend>
            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
            <legend>What's your cat's personality?</legend>
            <input value="loving" type="checkbox" name="loving"> <label for="loving">Loving</label>
            <input value="lazy" type="checkbox" name="personality"> <label for="lazy">Lazy</label>
            <input value="energetic" type="checkbox" name="personality"> <label for="energetic">Energetic</label>

<!-- User Editable Region -->

          <input type="text" name="catphotourl" 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/ Safari/537.36 OPR/

Challenge: Learn HTML by Building a Cat Photo App - Step 60

Link to the challenge:

You’ve changed the name attribute’s value to loving. It needs to stay as personality. And also what @bbsmooth said.

To clarify the difference between value and name; The data from a form like this will be sent back to a server. The value attribute will determine what is sent back as the user’s answer. The name attribute is important when you get to javascript and want to acquire the data for a certain question (here that’s 'what’s your cat’s personality?). Hope that helps for the future!

You don’t want to delete the id attribute on those checkboxes. You just want to add the value attribute.

I would reset the step to get the original HTML back and then only add value attributes. Do not change/delete anything else that is already there.

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