在表单之外使用输入按钮是否安全？

Question

我有几张图片用作按钮来触发 javascript 函数。

以前，我总是这样做，例如

<a href='javascript:myFunction();'><img src="images/myButton.gif" alt="Click Here"/></a>

但是，我最近看到了使用表单输入代替的示例，它的优点是不会在按钮图像周围产生链接伪影。这是我开始的。

<form><input type="image" src='images/myButton.png' id="startButton" onClick="myFunction()"></form>

由于某种原因，这会导致按钮触发不同的功能以及使用 onlick 指定的功能。

当我想到删除表单标签时，我正要回到我尝试过的真正的 href 方法，只留下输入。一切都很完美！

所以我的问题是：

1. 这样安全吗？我从未见过在表单之外使用输入标签的示例。
2. 为什么空白的表单标签会触发 javascript 函数？我知道它的目的是将数据发送到服务器，但我想如果我把它留空，它就会坐在那里。

Answer 1

我认为它不常用，但据我所知是有效的。

您也可以使用<button onClick="myfunction">name</button>。

Answer 2

这是安全的，点击按钮触发另一个函数的原因可能是 startButton ID 有一个选择器，它在你的 JS 代码中执行一些东西。