Creating a Form. Can't seem to get this right I tried everything. Can someone help me please

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

   **Your browser information:**

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

Challenge: Create a Form Element

Link to the challenge:

2

You have:

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

Making it more readable, you have:

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

You have two problems:

  1. Your url for the action is not the one they asked you to use.
  2. Your input has an extra closing angle bracket (>) in there for some reason.

If I fix those, your code passes for me.

3

Thank you. I still could not figure this out. I changed my code including the url, but still not wotking

4

This is the new code.

<form action="/htpps://www.freecatphotoapp.com/
submit-cat-photo">

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

</form>
5

Tell us what’s happening: I have tried this several times and still cannot get it correct. This is what it says i am doing wrong.
Describe yourYour form should have an action attribute which is set to Thank You message for Cat Photo App form submission| freeCodeCamp.org 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="/htpps://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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

6

Seems to be just a small typo in the URL of your forms action attribute. You have typed ‘htpps’ instead of ‘https’ - also remove the first forward slash.

7

Tell us what’s happening: I am still having problems. Can someone tell me whats wrong here?
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="/htpps://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 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.85 Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

8

Thank you so much. I didn’t see that typo probably because I’m seeing double trying to figure this out. It worked. Thank you again

9

Good work - Easy mistake to make

10

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

11

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