Use the value attribute with radio bottoms and checkbox

HTML-CSS
1

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

  **Your code so far**


hi<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><input type="radio" name="indoor-outdoor" value="indoor">indoor</label>
<label><input type="radio" name="indoo-outdoor" value="outdoor"> outdoor</label>
<input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Linux; Android 10; TECNO KC8) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.88 Mobile Safari/537.36

Challenge: Use the value attribute with Radio Buttons and Checkboxes

Link to the challenge:

2

Look at the form element, currently I can see only two radio buttons, but there are no checkboxes.

I would reset the lesson and add the value attribute.

3

Another problem is that you have omitted the for and id attributes of the label and input elements respectively. You have also displayed the radio as indoor and outdoor, instead of Indoor and Outdoor.

4

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