Create a Form Element 2

HTML-CSS
1

1)Tell us what’s happening:**what does “The existing input element should be nested within a form element.” mean.

2)Your form should have an action attribute which is set to https://freecatphotoapp.com/submit-cat-photo. which is the form & action attribute?

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

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.193 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

  1. when you opened the challenge there was an input element in the page. You need to create the form element around that input element

  2. the form element has an opening form tag like <form> and a closing form tag as </form>, the action attribute goes inside the opening form tag, as action="link here"

3

this is what i did but it was still rejected-

<form action="https|://freecatphotoapp.com/submit-cat-photo"><input type="text">placeholder="cat</form>
4 
action="https|://freecatphotoapp.com/submit-cat-photo"
             ^

here you have an extra character

<input type="text">placeholder="cat
                  ^                ------------

your input element is closed too early and you are missing part of it

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

5

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>

<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 type="text" placeholder="cat photo URL">
</main>



<form action="/submit-cat-photo"><input type="text">placeholder="cat</form>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

6

placeholder should be within input tag.

and action should contain the full url "https://freecatphotoapp.com/submit-cat-photo"

7

i did this but still rejected it placeholder="cat

8

This code was rejected , what else can i do? placeholder="cat

9

you have 2 input elements.
the form should be inside main element

10

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>

<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 type="text" placeholder="cat photo URL">
</main>



                       <form action="/https|://freecatphotoapp.com/submit-cat-photo"><input type="text">placeholder="cat</form>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

11
  • correct your url please.
  • you should add form tag in the main tag itself… yours is outside the main tag

This element should be nested under a form tag, you’ve created another element inside the form tag