Learn HTML by Building a Cat Photo App - step 44

HTML-CSS
1

Hello, I’m having trouble with this question. I’ve tried so many ways and I’m not sure I’ve left something out or there is an issue with proceeding due to its own backend coding.

This is the q’n:

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

My go at this is:
<input type=“radio” id=“indoor” name=”cat form” value=“indoor” >
Indoor

I’ve looked at different web pages that discuss how to do a type=“radio” within input but nothing is helping. Plus it was looking online that led me to insert label tags otherwise Indoor wouldn’t show up at all next to its circle that it’s meant to.

Thanks for any help

2

Your quotation marks look different. This is how they look.

Screenshot 2023-10-29 071038
Screenshot 2023-10-29 071038931×54 4.81 KB

When I change them to look like this,

Screenshot 2023-10-29 071151
Screenshot 2023-10-29 071151828×62 4.52 KB

your code passes the test.

2 Likes
3

Oh that was my typo in asking here as I couldn’t copy and paste that particular area on the screen, so I had to retype it in this help section, but I don’t have that typo in the actual test area. Nothing is working

4

Post the actual code here. The code in the editor.

2 Likes
5

I forgot to also say, the error message says

You should create an input element for your radio button. Check the syntax

1 Like
6

Unless I see your code, I cannot figure out the error to be corrected.

2 Likes
7

I’m on an iPad and can’t screenshot it for some reason, and I can’t highlight that part I typed into the test area and copy and paste it, so I typed it in manually where I wrote the original post.

If you look within my post, you’ll see it.

Thanks

8

If on the editor your code has no typo, means you got the correct quotation marks, right?

1 Like
9

Yes, that’s correct. I fixed it up in my post here too.

But it won’t let me pass that question

11

Have you included an equal sign to your value attribute as I did?

1 Like
12

Yes I did include the equal sign

13

It should pass. The problem might be in other sections of your code, it’s hard working without your code.
But I’m still confident that the problem is the quotation marks.

14

Ive just logged in thru my phone. This is what I have now

20231029_155817
20231029_1558171920×2560 385 KB

15

I do not see the name and value attributes in your code.

1 Like
16

This is when I did it before, but it didnt show it when I came back after a long time, this is the original photo I took a while ago with same coding

20230924_000626
20230924_0006261920×1440 585 KB

17

You need to add the name and value attributes.

2 Likes
18

Hi
I think the radio button should be right above the text input not below it.Try changing your changing code and I think it will pass.
And again I don’t think there is a placeholder attribute for a radio button.

Wish you well!!

2 Likes
19

I removed them as I changed it to what I had in my first ever attempt which it worked on. But came up as a fail this time.

But the name and value didnt work today which is why posted here today to ask why.

20

I posted two pics, the very first time i had done this a while ago, it worked and I got to question 45.

What I did today didnt have the place holder in it, I had name and value in it but that didnt work, so I took it to be what the original first go at it that had placeholder that worked, but its not working today.
Its like the program iant actually working

21

I think you need to rest the question and try it again.
Add the radio button without any other attribute and try it out.

<input type="radio">Text here