Nesting input inside action forms

Tell us what’s happening:
I’m having trouble with nesting the input element inside the form

  **Your code so far**
  <form action="/https://freecatphotoapp.com"> <input> type="text" placeholder="submit cat photo"</input> </form>
      
      **Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36 Edg/88.0.705.63</code>.

**Challenge:** Create a Form Element

**Link to the challenge:**
https://www.freecodecamp.org/learn/responsive-web-design/basic-html-and-html5/create-a-form-element

Can you please share your full code?

Hi,

You have a slash (/) before https?!

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

  </form>

</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 (’).

at the very end in the form part im having trouble nesting the input

Four things here:

  1. You have changed the input element
  <input type="text" placeholder="cat photo URL">
  1. You didn’t close your opening form tag

  2. You have a duplicate closing form tag

  3. Your action url has a very small typo (I recommend copy-pasting the given url)

This is an example of nesting:

<p>
<img id="IAmNested">
</p>

You have formatting errors.

so is should put the input inside the opening and closing tags for the form

<form action="/url-where-you-want-to-submit-form-data">
  <input>
</form>
1 Like
 <form action="https://freecatphotoapp.com/submit-cat-photo"> 
  <input type="text" placeholder="cat photo url"> 
  </form>

so i got to here it still says the existing input isnt nested in the form

Yours:

  <input type="text" placeholder="cat photo url"> 

Original:

  <input type="text" placeholder="cat photo URL">

thanks damn capitalization

A good portion of my job is figuring out what I misspelled or miscapatilized :slight_smile: