Basic HTML and HTML5 - Create a Form Element

Tell us what’s happening:
Describe your issue in detail here.
I don’t know how to go about nesting existing input element within a form element
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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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://www.freecatphotoapp.com/submit-cat-photo"><input type="text" placeholder="https://www.freecatphotoapp.com/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/106.0.0.0 Safari/537.36

Challenge: Basic HTML and HTML5 - Create a Form Element

Link to the challenge:

Your placeholder text is not correct. Check it again. You missed to put name attribute in input element.

You should not change the input element.

The nesting is shown in the exercise example.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.