Come aggiungere pulsanti di opzione all'interno del tag form

Dicci cosa sta succedendo
Sono in una fase di stallo, non riesco ad includere ognuno dei miei pulsanti di opzione all’interno del tag form.

  **Il tuo codice fino ad ora**

<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>
<label for="indoor"> 
<input id="indoor" type="radio" name="indoor-outdoor">outdoor
</label>
<label for="indoor"> 
<input id="indoor" type="radio" name="indoor-outdoor">indoor
</label>

<form
action="https://www.freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Informazioni del tuo browser:**

Lo user agent è: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/99.0.4844.74 Safari/537.36

Sfida: Creare un insieme di pulsanti di opzione

Link alla sfida:

questa è la form, aggiungere dentro questa significa scrivere tra il tag di apertura <form> e il tag di chiusura </form>, tu hai aggiunto gli elementi al di fuori di questo elemento (al di fuori delle tag)