使用图像时删除常规提交按钮

我想用一张图片作为表单的提交按钮:

<!DOCTYPE html>
<html>
<body>
  <form action="/cgi-bin/script.cgi" method="GET">
    <input type="hidden" name="status" value="ok">
    <input type="image" src="/images/button.png">
  </form> 
</body>
</html>

上面的HTML将导致一个可点击的图像，但也有一个常规的提交按钮，右边的图像与文本http://127.0.0.1:80/cgi-bin/script.cgi。

我只想要显示的图像。我做错了什么?

编辑:

如果CSS是启用的，这将工作:https://stackoverflow.com/a/1193338/5185801

正确关闭<input>标签

<form action="/cgi-bin/script.cgi" method="GET">
    <input type="hidden" name="status" value="ok" />
    <input type="image" src="/images/button.png" />
</form>

我觉得没什么问题。

看看这个小提琴

下面是代码片段。

<body>
  <form action="/cgi-bin/script.cgi" method="GET">
    <input type="hidden" name="status" value="ok" />
    <input type="image" src="http://cdn.sstatic.net/stackoverflow/img/favicon.ico?v=6cd6089ee7f6" />
  </form>
</body>

相关内容

最新更新

热门标签：