Nesting form in the cat photo app

why do you not specify the entire email address even though the example shows the entire address ?

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

<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"> 
<input>
<input type="text" placeholder="cat photo URL"
</form>
</main>
   **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15.

Challenge: Create a Form Element

Link to the challenge:

Hello @chefbc2k, welcome to the forum.

I don’t think I follow your question: which exactly is the email address you are referring in your question?

I think you are might referring to the url in the action attribute, correct?
If so the action specify “where the form data goes”, not the content of the form.

Imagine a login form like this one:

<form action="/login">
 <input type="email" />
<input type="password" />
</form>

The data in this case will be an email and a password, the action specify where the data is submitted so that a server can handle it.

Hope it helps :sparkles:

2 Likes

Make sure you close you close your input.

also the instructions don’t mention a place holder element but that is what was needed to get the correct solutions

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

the instructions say to use existing input element, not to create a new one

this one is that input element

1 Like