Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

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"> type="text" name="catphotourl" placeholder="cat photo URL" required>
          <button type="submit">Submit</button>
        </form>
      </section>
    </main>
  </body>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.4 Safari/605.1.15

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

Link to the challenge:

2

:balloon: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

3

Im stuck at step 44. Can you help ?

4

Can you be more specific? What about the instructions has you stuck? We can read the instructions but we can’t read your mind.

5

Step 44

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 option of [ cat: cat]. Remember that [input] elements are self-closing.

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

[Indoor]

6

… Yes, like I said, we can actually read

What about that has you stuck?

Do you know what a radio button is? Do you know what the text input is? Do you know how to write a HTML tag?

This is one or two broken HTML tags mixed together. The step did not ask you to modify any existing HTML elements, only add a new one.

7

the example of a radio button (or input element of type radio) shown to you is:
<input type="radio"> cat

and here is your attempt
<Indoor input type="radio"> type="text" name="catphotourl" placeholder="cat photo URL" required>

it seems you have tried to add something and ended up mashing the input text field that was in the editor.

Best thing to do is to click restart to get the code back. Then look at the example again.
Try to follow it exactly. But do not modify the input text field in the editor. Just add code (do not remove any).

8

I do not understand this step "The text Indoor should be located directly to the right of your radio button. You have either omitted the text or have a typo.

9

Did you fix the two broken elements yet?

10

I restarted to get the code back by just adding them in front of the text input

11

What is your current code?

12

<input type="radio"> cat

15

I don’t know why its not appeared the code I typed on here

16

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

17

Is ‘cat’ the text the instructions ask you to use?

18

I put it to the right of “radio” button but its still not worked

19

What is ‘it’? What is your latest code?

20 

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

Two problems

  1. ‘Indoor’ is not to the right of your input, it is inside of it

  2. ‘cat’ is still not part of the instructions

22

A post was split to a new topic: Cat photo app step 44