Wonr let me past this section

HTML-CSS
#1

Tell us what’s happening:
Hello! im having trouble getting through this part of the tutorial. Im pretty sure the code is correct. It keeps telling me that the input is not nested withing the form.

Ive also tried the solution setup for the web app and its not giving me passage to the next section.
Is there anyone that can help me push this part ? override?

Thank you, in advance.

Your code so far


<h2>CatPhotoApp</h2>
<main>
 <p>Click here to view more <a href="#">cat photos</a>.</p>

 <a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

 <p>Things cats love:</p>
 <ul>
   <li>cat nip</li>
   <li>laser pointers</li>
   <li>lasagna</li>
 </ul>
 <p>Top 3 things cats hate:</p>
 <ol>
   <li>flea treatment</li>
   <li>thunder</li>
   <li>other cats</li>
 </ol>

<form action="https://freecatphotoapp.com/submit-cat-photo">

<input type="text" placeholder="Cat Photo URL">

</form>

<form action="/submit-cat-photo">
   <input type="text" placeholder="cat photo URL">
 </form>


</main>

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:80.0) Gecko/20100101 Firefox/80.0.

Challenge: Create a Form Element

Link to the challenge:

#2

Hi there. Try a different browser and it should go through. If you’re using FF try Chrome.

1 Like
#3

I tried that same problem over and over again on my laptop, it never worked. I tried it on my phone with the same exact code and it worked the very first time. Try on a different device, seriously.

1 Like
#4

Sorry, my last post was wrong. This is my code, worked for me:

You have two “form” commands

#5

Yep, I did have two codes - as an example of what I had attempted. I switched my browser from FF to Chrome and no luck. It still says its not nested within the form. I do see you mentilned you were going to add an example of your code but I seem to miss it.

image
image1012×482 41.1 KB

#6

you do not have the existing element

confront with this:
image

#7

Well this is mine but I don’t know if I see a difference.<form action= “https://free at photos-please.com/submit-cat-photo”> <input type=“text” placeholder=“cat folder URL></form

#8

this is a difference

also, I don’t know if it’s an issue or the post: you need to use straight double quotes "", not titled double quotes “”

#9

It all points to being a bug in the site or Im just not seeing something.
Yours looks identical to mine .

Im going to give it a go on my Mobile phone to see how that goes

#10

photo and folder are not the same word

maybe reset your code, and add the form element without touching the input element

#11

Finally went through!! sweet baby jesus!
It was the browser.
Edge took the command like a champ.

To recap: chrome, firefox, and mobile chrome did not work for this section, all other precious sections went through perfectly in firefox.

Im going to stick to Microsoft Edge for now and bounce around the browsers if I run into any further issues.

Appreciate all the brainstorming! you guys are awesome!!

1 Like
#12

all browsers are supported. There are a few rare incompatibilies with specific challenges that are being worked on, but this one is not one of those, it is perfectly compatible with any browser

no, the issues were:


here you had placeholder="Cat Photo URL" instead of placeholder="Cat Photo URL"

here you had placeholder="cat folder URL" instead of placeholder="cat photo URL", the tilted curly quotes where also an issue, and a missing quote after URL


here you had two form tags, one with again placeholder="Cat Photo URL" instead of placeholder="cat photo URL", and the other with the wrong action value

1 Like
#13