Learn HTML by Building a Cat Photo App - Step 44

HTML-CSS
1

Tell us what’s happening:
Hi, i am failing to add a radio button

Your code so far
input type=“radio”>indoor
<input type=text"name=“catphotourl” placeholder=“cat photo URL” required>

<html>
  <body>
    <main>
      <h1>CatPhotoApp</h1>
      <h2>Cat Photos</h2>
      <!-- TODO: Add link to cat photos -->

<!-- User Editable Region -->

      <p>See more cat photos in our gallery <a href="https://freecatphotoapp.com">cat photos</a> </p>
      <a href="https://freecatphotoapp.com">link to cat pictures</a>

<!-- User Editable Region -->

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/116.0.0.0 Safari/537.36

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

Link to the challenge:

2

you wrote knew cat photos and it asks you the nest the one that has been already written there
Screenshot 2023-08-20 043717

3

Hey, i am sorry i am not understanding what you are saying. My problem is that i am failing to add the radio button

4

yeah but you sent a link to the chalenge which asks you to nest cat photos within a link

5

I am on step number 44

6

so can you send me what you wrote there because it is step 12 the one above

7

Hi, sorry hey. Bear with me it’s my first time
Here is the link

8 
      <input type="radio">indoor
      <input type=text"name="catphotourl" placeholder="cat photo URL" required>
9

the indoor should start with capitol letter Indoor

10

Thanks i put the capital letter “I”. However, it is saying that they are in wrong order

11

hmm can you send the whole text what it says?

12

Your new input element should be above the existing input with type attribute set to text . You have them in the wrong order.

13

are you sure it is below that one? <input type="text" name="catphotourl" placeholder="cat photo URL" required> ?

14

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

15

the type should be only radio delete the “text” and leave only “radio” and it should work it wants you to create a radio input not text input it is like an empty circle you can click. I mean the type in the element above. should be only radio.

16

Hi
Indoor
<input type=text"name=“catphotourl” placeholder=“cat photo URL” required>

Still not going through

17

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

Not going through

18

you deleted the whole element i mean only the “text” type=text"radio" here remove only the “text”

19

I did this but i do not know what is wrong.

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: <input type="radio"> cat. Remember that input elements are self-closing.

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

Indoor

What i did

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

The feedback

Sorry, your code does not pass. Don’t give up.

Your new input element should be above the existing input with type attribute set to text. You have them in the wrong order.

20

ok do let s do it step by step maybe can you reset the lesson for me?
after you reset the lesson create an input elemnt. inside the input create a type attribute with the value of “radio” not the text"radio" but only “radio” then type Indoor on the right of the closing mark >Indoor