How to pass this?

I cant get the idea of nesting input element within a form one. I think im doing it correctly. Need your help(

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="submit cat photo"> </form>

</main>

Your browser information:

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

Challenge: Create a Form Element

Link to the challenge:

It’s failing because you’ve changed the <input> from how it was originally. If you change it back to

<input type="text" placeholder="cat photo URL">

it should pass.

2 Likes

Hi Molost! The form tag is the way that HTML have to send the user data to the targeted URL. To pass the challenge you just have to wrap and nest the input and submit tags within the form tag, also be sure you use the action attribute with the the provided URL as a value, hope this helps!

1 Like