Help me Nest the existing input element inside a form element and assign

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

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

  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

2

:grey_question:

3

What do the failing tests say?

4

Your form should have an action attribute which is set to https://www.freecatphotoapp.com/submit-cat-photo

5

Hi @a1fa_d0g !

Welcome to the forum!

Your url is wrong .

This is incorrect.

The failing test is telling you the correct url which is this.

https://www.freecatphotoapp.com/submit-cat-photo

When you were typing it out, you made a few mistakes.
That is why it is not passing.

Always just copy and paste to avoid errors.

Hope that helps!

6

Yes i fixed this error but the result is the same

7

Can I see your new code?

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

8 
<form action="/https://www.freecatphotoapp.com/submit-cat-photo">
  <input ="cat photo https://www.freecatphotoapp.com/"/> 
</form>
</main>
9

Why did you change the input?

You will need to reset the lesson and not touch the input.

10

You had it correct earlier
<input type="text" placeholder="cat photo URL" />

You just needed to fix the url in the action attribute.

Hope that makes more sense!

11

like that right? but still doesn’t work

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

Almost.

You are still adding a / at the beginning here

If you look at the correct url it doesn’t have it

https://www.freecatphotoapp.com/submit-cat-photo
13

If you look at the correct url it doesn’t have it

https://www.freecatphotoapp.com/submit-cat-photo

[/quote]
yes i’m not very attentive, thank you very much. Now it works.

1 Like
14

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