Question

我正在尝试将提交按钮设为图像，并且在点击时它会链接到另一个页面。

这是当前提交按钮，但不是href或图像

<input type="submit" name="submit"  alt="add" onclick="add()" >

这些是我尝试过的多种方法，但似乎没有一种方法可行。谁能看到我哪里出错？

<input type="image" name="submit" src="img/add.png" class="addButton" id="addButton" />

2

<a href="bookmarks.php" onclick="$(this).closest('form').submit()"><img src="img/add.png" class="addButton" id="addButton" alt="add button" /> </a>

3

<a href="bookmarks.php" onclick="document.forms['form'].submit(); return false;" type="submit" name="submit"><img src="img/addToBookmarks.png" class="addButton" id="addButton" alt="add button" /></a>

最后表格本身在stadiumLargeSymbol.php上：

      <form class="form" action="stadiumLargeSymbol.php?submit=true" method="post">
<img id="enlargedSymbol" type="text" size="60" name="pathOfSymbol" src='' />
              <br />
              <input class="inputBox" type="hidden" name="pathOfSymbol" id="pathOfSymbol" />
              <script>
              var querySrc = URI(window.location.href).search(true).src;
              $("#enlargedSymbol").prop("src", querySrc);
              $('#pathOfSymbol').val(querySrc);
              </script>

 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br/>
       <input type="submit" name="submit"  alt="add to bookmarks button" onclick="add()" >

              </form>

Answer 1

尝试将id提供给渲染图像的div，假设你的div的id是“divImage”，你可以写下以下的JS：

$("#divImage").click(function(){
  //On Click Event
});

您可以编写表单提交代码并在“点击”事件中重定向代码。您的问题将得到解决。

Answer 2

检查此链接： https://jsfiddle.net/0e2rykap/

<html>
  <body>
    <h1>
      <button type="submit" class="btn_submit">
        <img src="http://www.smartwebby.com/imgs/tutorials/fireworks/website-design/submit-button.jpg" />
      </button>
    </h1>
  </body>
</html>

您可以使用javascript来模仿href重定向

Answer 3

使用css将背景图像应用于提交按钮。

// html
<input type="submit" name="submit"  alt="add" onclick="add()" >

// css
form input[type=submit]{
  background-image: url('img/example.png');
}

并根据需要添加其他样式属性。别忘了从css中的按钮中删除边框等。

Answer 4

而不是input类型submit

在div内使用div设置图片tag，如下所示

<div id="yoyo">
   <img src="whateva" />
</div>

现在点击img代码ID或Div ID，submit form。

喜欢：

    $( "#yoyo" ).click(function() {
      $( "#FormID" ).submit();

      //or if you want to redirect than
       window.location.href = "http://stackoverflow.com";
    });

如何使提交按钮成为href和图像

4 个答案: