Problems with "Create a Form Element"

<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="/https://freecatphotoapp.com/submit-cat-photo"</form>
  <input type="text" placeholder="cat photo URL">
</main>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Here your input element is below your form.

You should put the input inside the form.

<parent element>
  <nested element>
</parent element>

Can you be more specific within the code please. TIA

I will not give you the answer. What part is confusing you?

PS there is absolutely no reference to this coding in the lesson segment.

PS nesting has been mentioned before :slight_smile:

Have not seem one thing on nesting. I was reveiwing the part “CREATING A FORM ELEMENT”. I even took photos of the lessons. Maybe there is something glitching. I am using Safari on Macbook MacOS Mojave

It’s been mentioned in previous lessons. No glitch.

Again, what part of my example of one element nested inside of another is confusing to you. I’m happy to explain further but I need the know what to explain.

where is it embedded into the code that I copied and pasted above? I am must be missing something obvious. The lesson before was about ADD PLACEHOLDER TEXT TO A TEXT FIELD, and before that CREATE A TEXT FIELD.

What part of the example I gave you is confusing?

See also the example given in the lesson

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


This is the first day I started this courses and I am having a problem missing something major.

where would the nesting part be embedded?

Please do not post screenshots. Post your actual code.

url would be
“/https://freecatphotoapp.com/submit-cat-photo

<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="/https://freecatphotoapp.com/submit-cat-photo" </form>
  <input type="text" placeholder="cat photo URL">
</main>

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

Your code

Example code

You have the existing input element. You did not nest it between the opening and closing form tags.

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