Question

我想将图片用作表单的提交按钮：

<!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

Answer 1

正确关闭<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>

我没有看到任何问题。

查看此fiddle。

以下是摘录。

function getParameterByName(name) {
    if (name !== "" && name !== null && name != undefined) {
        name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
        var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
            results = regex.exec(location.search);
        return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
    } else {
        var arr = location.href.split("/");
        return arr[arr.length - 1];
    }

}

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

1 个答案: