Basic HTML HTML 5

Basic HTML HTML 5
0

Hello,

I have a doubt to use the value attribute with Radio buttons and check boxes, to solve the codes and run the tests.

First topic Responsive web design exercise 23

Can you post the code you’ve written currently?

Sure, see this one below:

CatPhotoApp

Click here to view more cat photos.

A cute orange cat lying on its back.

Things cats love:

  • cat nip
  • laser pointers
  • lasagna

Top 3 things cats hate:

  1. flea treatment
  2. thunder
  3. other cats
Indoor Outdoor for="loving">input id="loving" type ="checkbox" name="personality"> Loving for="lazy">input id="lazy" type ="checkbox" name="personality"> Lazy for="energetic">input id="energetic" type ="checkbox" name="personality"> Energetic
<input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button>

Just for the record, if you copy the code you’ve written and paste it within the quotes that appear when you click the “</>” icon at the top of the post box, it becomes easier to read.

<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">
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>
</main>

Currently, it’s too difficult to tell exactly what you’ve written, but if you use the same layout as the example in the problem, nest the radio buttons in the form button, and make sure they all have the same name, it should work.

<form>
<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>
</form>

Thanks,

I´ll try to run this code again

Also, just for clarity, that post isn’t your code, but the output of your code. :slightly_smiling_face:

If you post what you’ve written (or what is in the center module already), it’s much easier to troubleshoot for everyone in the forums.

Feel free to ask again if you’re still having trouble! :smile:

Thanks Garrison, for your support

:slight_smile:

Hello 1t.

For future posts, please conform to the MarkDown syntax used in this forum. Read more about it here: Forum Code Formatting

This helps keep the forum nice and tidy.

Hello

ok, thank you!