Form element creation

HTML-CSS
1

What does it means when it says, ‘your form should have an action attribute which points to https:“catphotoapp.com/submit-cat-photo”’ and ‘the existing Input element should be nested within a form element.’

I coded as follows

Please let me know as to why this is wrong and how to correct it

2

the form element has an action atrribute. that means, inside the form opening tag you have to place this action attribute. then put the given lin inside apostrophe.

<form action="">
3

I did it that way but it’s not correct, I typed how I coded it in the question but it is not visible. I’m a beginner, so if you can plz help me

4

can you send the link to this challenge?

5
6

In this problem, there is an input element <input> that needs to be placed inside the form element <form> </form>. these are the opening and closing form tags. the action attribute is an attribute of the form element. that means the action attribute has to be placed inside the opening form tag. <form action="">. The given URL will be placed in the action attribute. After that, place the given <input> tag and then close the form element. </form>.

7

Hey @shabrajiffrey!

Can you please give your updated code?

8

I did it that way. Maybe there’s some other issues. Thanks

9

please post the code here

10 
<form>
<form action="https://catphotoapp. com/submit-cat-photo">
<input type="text" placeholder="Cat Photo URL">
11

make sure to put the </form> closing tag after the input tag.

12 
<form>
<form action="https://catphotoapp.com/submit-cat-photo"> 
<input type="text" placeholder="Cat Photo URL">
</form>
13

remove the first form element. you have two form elements.

14

remove the first form element that is the issue here.

15

I checked it after deleting it but still it’s not okay.
I’m doing it from my mobile, maybe that’s the problem

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

this should be your code.
Secondly, try “reset all code” and then try
and since you are using a mobile phone. try opening “desktop site”. this option is present in chrome mobile browser. this might help.

1 Like
17

Your placeholder text on the input element should be "cat photo URL" (the letter case matters).