What should I do in step 43 about radio buttons?

HTML-CSS
1 
<h1>CatPhotoApp</h1>

<main>

  <section>

    <h2>Cat Photos</h2>

    <!-- TODO: Add link to cat photos -->

    <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>

    <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

  </section>

  <section>

    <h2>Cat Lists</h2>

    <h3>Things cats love:</h3>

    <ul>

      <li>cat nip</li>

      <li>laser pointers</li>

      <li>lasagna</li>

    </ul>

    <figure>

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">

      <figcaption>Cats <em>love</em> lasagna.</figcaption>  

    </figure>

    <h3>Top 3 things cats hate:</h3>

    <ol>

      <li>flea treatment</li>

      <li>thunder</li>

      <li>other cats</li>

    </ol>

    <figure>

      <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">

      <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  

    </figure>

  </section>

  <section>

    <h2>Cat Form</h2>

    <form action="https://freecatphotoapp.com/submit-cat-photo">

      <input type="text" name="catphotourl" placeholder="cat photo URL" required>

      <button type="submit">Submit</button>

    </form>

  </section>

</main>
1 Like
2

Can you specify your problem a little bit more in detail?

3

Here is an example of a radio button with the option of cat : <input type="radio"> cat . Remember that input elements are self-closing.

Before the text input, add a radio button with the option Indoor .

4

For this challenge, I think you were supposed to add a question that asks “what kind of cat do you prefer” or something like that and I can’t see that in your code. After adding that question which is a text you should put an input with the type of radio.

Your radio button should be like this:

<label> 
  <input type="radio" name="indoor-outdoor">Indoor 
</label>
5

You just need to write <input type="radio"> Indoor before your <input type="text" name="catphotourl" placeholder="cat photo URL" required>>. That worked for me at least.

1 Like
6

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