How to nest within a form an element

Tell us what’s happening:

Your code so far

<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
  <li>cat nip</li>
  <li>laser pointers</li>
<p>Top 3 things cats hate:</p>
  <li>flea treatment</li>
  <li>other cats</li>

<form action=""><input type="text" placeholder=""/></form>


Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 9; TECNO KB7j) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.136 Mobile Safari/537.36.

Challenge: Create a Form Element

Link to the challenge:

Hi @matanjumouliom!

Welcome to the forum!

You got the nesting part right but changed the input.

This part is wrong.

Thanks very much jwilkins.oboe please what should I use there

If you reset the lesson, you will see what was originally there for the placeholder text

Okay thanks very much I did it and it succeeded

Hi @matanjumouliom,
Your input part should be like this:

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

Thank you for your enthusiasm to help, but please do not just hand out answers.

Got it! Thank you for letting me know.

1 Like

I have edited your post to include spoiler tags.

I’ve also 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.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

1 Like