A strange problem/situation with a form on my site

In this post I’ll write about a confusion regarding some particular form on my website. As a result of things mentioned in [URL=http://forums.digitalpoint.com/showpost.php?p=5101556&postcount=34]this post of mine[/URL] in some thread on DP forums, I checked the code of some particular form on my website: [URL=http://tadejpersic.50webs.com/index.html]http://tadejpersic.50webs.com/index.html[/URL] (please visit it to actually see what I am talking about)

I am talking about that line/row of buttons, while the problematic one is the first one, which uses an external .js file and which function is to bookmark the current page (the other two buttons with [I]<input type=”image”[/I] in this line/row are to open a search and contact pages); here below is the original code of the “bookmark page” form:

[CODE]<form action=”#”>
<input type=”button” value=”Bookmark us!” onclick=”bookmark(‘http://javascript.internet.com/’,’JavaScript Source’)”>
</form>[/CODE]

Well, and then I checked the code as it is currently on my website, and I noticed that (not sure why/when, but as you can see, this is the only way to show them all in one line; please see below) I changed it so that it looks like (compare to the original “bookmark page” form code above) I forgot to close it with the “[I]</form>[/I]” ending tag. So here below is the code of the “bookmark page” form (and I also included the code of buttons that open search and contact pages) as it is on my website, and it surely works as it should, and the page is validated by the W3C checker:

[CODE]<form action=”#” /><input type=”image” src=”save.png” title=”bookmark page” onclick=”bookmark(‘index.html’,’Tadej Persic’s website | index’)” />&nbsp;<input type=”image” src=”search.png” title=”search site/web” onclick=”window.open(‘search.html’,’search’,’height=560,width=440′)” />&nbsp;<input type=”image” src=”contact.png” title=”contact me” onclick=”window.open(‘contact.html’,’contact’,’height=560,width=440′)” />[/CODE]

But if I change the code to remove the [I]” />[/I] part (i.e. to become [I]“>[/I]) and add the closing “[I]</form>[/I]” tag as you can see in the first example below, then the “bookmark page” button is placed in its own line above the line/row with the rest of the buttons. Here below are examples of the code of the “bookmark page” form (with the code of buttons that open search and contact pages removed for you to easily see the change); in the first example there’s the code as it is after I modified it (i.e. I changed the [I]” />[/I] part to become [I]“>[/I], and added the closing tag, as mentioned above), and as it was/and still is originally on my website:

[CODE]<form action=”#”><input type=”image” src=”save.png” title=”bookmark page” onclick=”bookmark(‘index.html’,’Tadej Persic’s website | index’)” /></form>&nbsp;…[/CODE]

[CODE]<form action=”#” /><input type=”image” src=”save.png” title=”bookmark page” onclick=”bookmark(‘index.html’,’Tadej Persic’s website | index’)” />&nbsp;…[/CODE]

Therefore I am curious: is the form of the code like I modified it afterwards correct, or should I close it with the ending tag “[I]</form>[/I]” as it is in the original code (it’s an example from some tutorial I guess)of the mentioned form??!

tayiper

Also in #HTML _↴