Create a Set of Radio Buttons why dont work?

HTML-CSS
1

Tell us what’s happening:

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



</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/basic-html-and-html5/create-a-set-of-radio-buttons

2

You have to be a little more specific about the “they don’t work” part. Anyway, you should:

  1. Place your buttons INSIDE the <form> tags
  2. add a “value” property to each button (value must be different for each one)
  3. Add processing for those buttons (php, js… some kind of backend language that receive and process the value you send)

Good luck,