gpt4 book ai didi

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

转载 作者:可可西里 更新时间:2023-11-01 00:05:03 28 4
gpt4 key购买 nike

我试图让我的提交按钮成为一个图像,并且当点击它时它链接到另一个页面。

这是当前可用的提交按钮,但不是 href 或图像

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

这些是我尝试过的多种方法,但似乎都不起作用。谁能看出我哪里出错了?

  1. <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>

最佳答案

检查此链接: 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 重定向

关于javascript - 如何使提交按钮成为 href 和图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34991981/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com