Basic HTML and HTML5 - Create a Form Element

HTML-CSS
1

Tell us what’s happening:
It says to nest the input element inside the fourm element but I have no ideoa what that means can someone do it for me so I can better unerstand the meaning?

  **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>
<input type="text" placeholder="cat photo URL">
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Basic HTML and HTML5 - Create a Form Element

Link to the challenge:

2

Hi @NateTheGreat ,

You have the placement of the form tags correct.
But you forgot about this part of the instructions :

Assign "https://www.freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element.

3

I know, but i dont know where to put that or how to nest the input within that.

4

Oh, don’t worry. Just follow the example you have :

<form action="url-where-you-want-to-submit-form-data">
   <input>
</form>
5

ok, i get it now thanks a lot

1 Like
6

To nest an element inside another element is to have it placed within the opening tags and closing tags of that element.

For example, in this code the input is nested inside the form.

7

Tell us what’s happening:
It is telling me i need an action attribute but I already have one.

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

<form action="https://www.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; rv:103.0) Gecko/20100101 Firefox/103.0

Challenge: Basic HTML and HTML5 - Create a Form Element

Link to the challenge:

8

You have 2 opening form tags :

9

so i get rid of one? Thanks

10

Yes. But which one ?

11

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