HTML and Html5 create a form Element

HTML-CSS
1

I was stuck at Basic HTML and HTML5: Create a Form Element topic

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>
<input<form action="https://freecatphotoshop.com/submit-cat-photo"></form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36 OPR/73.0.3856.284.

Challenge: Create a Form Element

Link to the challenge:

2

Be careful where you put the opening form tag. Also look at where you have the input element. Should it go inside or outside the form?

3

I was confused to do nesting

4

Exactly. You should nest the input inside the form.

5

Hi @kyathik!

Welcome to the forum!

In addition to the nesting issue, you have also deleted everything in the input tag.

I would reset the lesson and leave the input tag alone.

This is nesting

<form action="">
<input> <!--don't mess with this-->
</form>

Hope that helps!

6

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