Step 46 - I couldnt resolve that step

HTML-CSS
1

I couldnt resolve that, can anyone help please?

2

We are unable to help without more information.

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like
4

What project are you stuck on?

5

you need to at least say which project, there is a step 46 in almost every step-based project, You need to provide more infos. The Help button is a way to do that

6

im in project learn html by building a cat photo app in step 46

7

and what questions do you have for this step?

8

how do i doo the radio button thing?

9

Hi there! Post a link to the challenge step and also your code.

10

can you tell me how to do tha?

11

By copy and paste it here.

12

Step 46

You can use radio buttons for questions where you want only one answer out of multiple options.

Here is an example of a radio button with the text set as cat:

Example Code

<input type="radio"> cat

Remember that an input element is a void element.

Before the text input, add a radio button with the text set as:

Indoor

CatPhotoApp

CatPhotoApp

  <section>
    <h2>Cat Photos</h2>
    <p>Everyone loves <a href="https://cdn.freecodecamp.org/curriculum/cat-photo-app/running-cats.jpg">cute cats</a> online!</p>
    <p>See more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a> in our gallery.</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>catnip</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">
      <fieldset>
        <legend>Select the type of cat:</legend>
        <label>
          <input type="radio" name="catType" value="indoor"> Indoor
        </label>
        <br>
        <label>
          <input type="radio" name="catType" value="outdoor"> Outdoor
        </label>
      </fieldset>
      <br>
      <input type="text" name="catphotourl" placeholder="Enter your cat photo URL" required>
      <br>
      <button type="submit">Submit</button>
    </form>
  </section>
</main>
13

Step 46 only needs the input with type="radio" and text Indoor next to it. You have added more than that the instructions are asking for. You need to strictly follow the instructions.
Reset the challenge step and try again.