Task 24.it give me error when i run it

**Tell us what’s happening
i have done the steps but my code does not work so i don’t know what to do at this step

Basic HTML and HTML5: Use the value attribute with Radio Buttons and Checkboxe

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="/submit-cat-photo">
<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" type="checkbox" name="personality" value="loving"> loving
</label>

<label for="lazy"> 
 <input id="lazy" value="lazy" type="checkbox" name="personality">lazy 
</label> 
  
  <label for="energetic"> 
 <input id="energetic" type="checkbox" name="personality" value="energetic">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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.163 Safari/537.36.

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

1 Like

When the test fails, there is an error message output. It would be a good habit to read through that message. When I first started, I saw the color red and then just through up my hands in despair. Some programmer took the time to output very helpful error messages and if you take the time to read them, they help quite a bit.

If you still are stuck you can include the error message with the help request to get a much more helpful response.

Unfortunately, in this case, the error messages are a bit misleading.

The problem is with the label text, they should all start with a capital letter (Energetic not energetic, etc.).

1 Like

I was stuck on this for a half day…very misleading…thank you for your help!

any one can send this code to me. plese stuck here since 3 days

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.

Did you get the code? I have also been stuck on this for a very long time and I don’t know what to do!

Tip: Carful guys, one little wrong letter could throw the system off for example: be sure to check real well for lower case vs Capital letter (A) vs (a).

1 Like

If the labels input text simply started as title-cased with the first letter capitalized for each of the corresponding labels then the test conditions would pass when the input value attributes were properly setting to the lowercase equivalent.

Example of revised starting text for the labels that would pass with the current instruction/tests. (2021-05-04)

Presently the tests conditions fail if the input value attribute is added correctly and the label text remains in its initial lower case.

  • Change Request -
    Add test to have the student change the label casing could reduce confusion.
    or ideally simplify by updating the source HTML with title-cased labels which would align better with the challenge.