Could you help please

HTML-CSS
1

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>
<from action="/"https://freecatphotoapp.com/submit-cat-photo">
<input>
</from>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<from action="/https://freecatphotoapp.com/submit-cat-photo"<input>
</from>
<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 type="text" placeholder="cat photo URL">
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

Reread the section again. You misspelled your form tag and you only need once in this instance. Put both input’s inside one form tag.

Also you need to put the type attribute on your input tags. Such as type=“submit” and type=“text”

1 Like
3

Hi @mscode96 !

I think it would be best to reset the lesson and follow the form structure in the example that FCC gave you.

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

FCC instructions:
Nest the existing input element inside a form element

4

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>
<form action="/"https://freecatphotoapp.com/submit-cat-photo">
<input>
</form>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<from action="/https://freecatphotoapp.com/submit-cat-photo"<input>
</from>
<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 type="text" placeholder="cat photo URL">
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

5

Delete the following except for the anchor tag.

Create your form around this input tag.

Any questions about how to do that?

6

Tell us what’s happening:

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>
<form action="/"https://freecatphotoapp.com/submit-cat-photo">
<input>
</form>
<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>
<from action="/https://freecatphotoapp.com/submit-cat-photo"<input>
</from>
<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 type="text" placeholder="cat photo URL">
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.104 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

7

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