Basic HTML and HTML5: Create a Form Element - cannot overcome

HTML-CSS
1

Hi everyone,

I’ve checked through the forum for a help and in forum users said that the solution is like this:

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

I’ve tried the solution above but it’s not working I was thinking that maybe because of the description in the task:
" Nest the existing input element inside a form element and assign "https://freecatphotoapp.com/submit-cat-photo" to the action attribute of the form element."

So I’ve changed like:

 form action="https://freecatphotoapp.com/submit-cat-photo" input type="text" placceholder="cat photo URL">
  /form>

But even thou still I don’t meet the expectations of the task:

"The existing input element should be nested within a form element. "

Could you tell me what is wrong ? I’ve watched video on YT and also dig up through the forum but nothing helps and I’d really want to understand…

Thanks in advance for help.

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:83.0) Gecko/20100101 Firefox/83.0.

Challenge: Create a Form Element

Link to the challenge:

2

This is not right at all. Yes, you should put a link here AND d you should close the first part of form element AND open input element And close the form element. Look at example in the challange, it’s pretty informative actually

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

Still not working

4

Why is it all in ()? It should be in <>. Plus why did you put action out of form? Please look at example code.

1 Like
5

I’ve used () because when I use <> it is hiding the code … I’ve make like in example and it is not working …

example
example1011×539 53 KB

6

No, you didn’t. Like I said above: why did you put action out of form. Look close on example, where is action?

7

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

1 Like
8

Okey … I’ve made it don’t know why it works right now while I was trying this solution like 10 times before changing closing and opens of <> in a different places … right now works after 10 times of same code … :expressionless:

example
example1004×535 47.3 KB

9

All the code you showed before wasn’t the same. Basically you should open form element with action within, then nested input and close form element

10

Hi @ZgaDniJ!

Screenshots are a little hard to read. I have edited your code so you can see how to write code in the forum.

11

Maybe a little overview of terms will help…

HTML tags vs elements vs attributes

HTML tags

Tags are used to mark up the start and end of an HTML element. The following are paragraph tags.
<p></p>

HTML elements

An element in HTML represents some kind of structure or semantics and generally consists of a start tag, content, and an end tag. The following is a paragraph element:
<p>This is the content of the paragraph element.</p>

HTML attributes

An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element’s start tag. An element’s start tag may contain any number of space separated attribute/value pairs.
The most popular misuse of the term “tag” is referring to alt attributes as “alt tags”. There is no such thing in HTML. Alt is an attribute, not a tag.
<img src="foobar.gif" alt="A foo can be balanced on a bar by placing its fubar on the bar's foobar.">

Hope this helps and clears things up a little.

1 Like