Learn HTML by Building a Cat Photo App - Step 44

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

Your code so far

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <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">

          Indoor:<input type="radio" name="catphotourl" placeholder="cat photo URL" required>Indoor
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:106.0) Gecko/20100101 Firefox/106.0

Challenge: Learn HTML by Building a Cat Photo App - Step 44

Link to the challenge:

Blockquote

Below here is my code,

The instructions are" Before the text input, add a radio button with the option set as:

Indoor

One ‘input’ element is already given in the code. You should follow the instruction:
“Before the text input, add a radio button with the option set as Indoor”. This is very similar to the existing code line. The difference is that instead of the ‘type’ attribute set to ‘text’ you should set it to ‘radio’:

<input type="smth"> Text

Indoor

I have done this, help me understand where I am going wrong

Please post your code here again with corrections, for the purpose of reviewing.

hi there,
if you look at your code below you see an “Indoor:” in front of your inputelement.
Where does it belong? You should comment this out or delete it.

to comment it out ( which i think makes sense) you could write:

/* Indoor:*/

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

input type=“radio” name=“catphotourl” placeholder=“cat photo URL” required> Indoor`Preformatted text

When you start this step you get this line:


Your task is to type in above this given line a new line of code that is very similar:

<input type="smth"> Text

As you can see in this line there are no ‘name’, ‘placeholder’ and ‘required’ attributes.

I’ve edited your code for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (').

Mod edit: solution redacted

This will solve your problem…

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge.

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

1 Like

Excuse me, but why is the indoor located outside ??

Do you mean why is the word Indoor placed to the right of the input element?
Because we want it to show up on the right of the radio button. (Look at the preview pane and you will see that)