Create a Form Problem

Can’t pass Create a Form Challenge. Maybe browser conflict with Chrome converting into ?


<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>

</main>

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

one thing that is wrong is that your code is missing the closing >for the form tag

thx for the reply, still get the error for improper nesting with code as follows:"
<form action="https://freecatphotoapp.com/submit-cat-photo"><input type=“text” placeholder = "cat photo url"></form>"

There is an issue with the quotes here. It should look like the rest of the quotes on the page.

This is wrong.

Don’t mess with the input

it seems you have changed the input element, it’s different than what it was when you started this challenge

1 Like

huh. thats weird,.fixed that but still getting nested error

Can we see your updated code?

<form action='https://freecatphotoapp.com/submit-cat-photo'>
 <input type= 'text' placeholder = 'cat photo url'>
 </form>

Input is still wrong.

Reset the lesson and try nesting again.

<form action = "https://freecatphotoapp.com/submit-cat-photo">
  <input type="text" placeholder="cat photo URL">
  </form>

reset and this code worked. Thanks guys!! So how did you determine input was bad?

1 Like

it’s a common issue, I don’t remember how it’s exactly, but if url is lowercase or there are extra spaces it’s a giveaway that it was changed

1 Like