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:
you wrote knew cat photos and it asks you the nest the one that has been already written there

Hey, i am sorry i am not understanding what you are saying. My problem is that i am failing to add the radio button
yeah but you sent a link to the chalenge which asks you to nest cat photos within a link
so can you send me what you wrote there because it is step 12 the one above
Hi, sorry hey. Bear with me it’s my first time
Here is the link
<input type="radio">indoor
<input type=text"name="catphotourl" placeholder="cat photo URL" required>
the indoor should start with capitol letter Indoor
Thanks i put the capital letter “I”. However, it is saying that they are in wrong order
hmm can you send the whole text what it says?
Your new input
element should be above the existing input
with type
attribute set to text
. You have them in the wrong order.
are you sure it is below that one? <input type="text" name="catphotourl" placeholder="cat photo URL" required>
?
<input type=text"radio"> Indoor
<input type=text"name=“catphotourl” placeholder=“cat photo URL” required>
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.
Hi
Indoor
<input type=text"name=“catphotourl” placeholder=“cat photo URL” required>
Still not going through
Indoor
<input type=text"name=“catphotourl” placeholder=“cat photo URL” required>
Not going through
you deleted the whole element i mean only the “text” type=text"radio" here remove only the “text”
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.
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