Add Placeholder Text to a Text Field!

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

I’m not sure what im doing wrong but I have tried everything and still not working

  **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://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" 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">
</main>
<input type="text" placeholder=" cat photo url ">
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/96.0.4664.110 Safari/537.36

Challenge: Add Placeholder Text to a Text Field

Link to the challenge:

You have two inputs one of them is inside the main tag and the other is outside of the main tag. Get rid of the input that is outside your tag

Also get rid of the white space between the quotes and your text. And make sure that you follow their capitalization of what the cat photo text should be

2 Likes

You were tasked with adding placeholder text to the existing input element, not with creating a new one.
On a side note, you’d want your input element inside the form element.

1 Like

you dont need to make a new input, you just need to put a placeholder at the existing input in the form, and make sure to type it correctly

2 Likes

Thank you so much. Makes sense. I created another one instead of using the current input

2 Likes

Glad you got it working, and understand it. Keep going strong.