Nesting input inside action forms

HTML-CSS
1

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
2

Can you please share your full code?

3

Hi,

You have a slash (/) before https?!

4 
<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>
5

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.

Pre-formatted-text
Pre-formatted-text1356×380 401 KB

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

7

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

8

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)

9

This is an example of nesting:

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

You have formatting errors.

10

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

11 
<form action="/url-where-you-want-to-submit-form-data">
  <input>
</form>
1 Like
12 
 <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

13

Yours:

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

Original:

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

thanks damn capitalization

15

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

16

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