Create a Form Element help please

HTML-CSS
1

Tell us what’s happening:
Been stuck on this for days! I seem to have the form elements open and close correct but not understanding how to nest the text input.

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="/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/83.0.4103.116 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

Hi,

Your input element is not well formed. Placeholder is an attribute of the input element not an element in its own right. And you have not copied the action content. Just copy
action=“https://freecatphotoapp.com/submit-cat-photo” and stick it as an attribute in the form element.

Greets,
Karin

1 Like