Question

<asp:ImageButton ID="imgbtn_RoleGuideWin8" runat="server"  ImageUrl="~/Images/Windows Logo.png" Width="215px" OnClick="imgbtn_RoleGuideWeb_Click" OnClientClick="fnOnWin8ButtonClick()" />

我使用asp.net这个代码。我想将它转换为HTML。为此，我写了这段代码：

<input type="image" src="/Images/Windows Logo.png" id="myButton" />
<script type="text/javascript">
document.getElementById("myButton").onclick = function () {
location.href = "www.google.com";
};
</script>

但这不起作用。有没有音韵？

Answer 1

#myButton{
  border-radius: 15px;
  border: 1px solid gray;
  display: inline-block;
  padding: 10px 15px;
  }

#myButton img{
    display:block;
    width: 200px;
  }

#myButton:hover{
  background: wheat;
  }

<a href="#" onclick="javascript:location.href='http://www.google.com';" id="myButton">
        <img src="https://www.google.com/images/srpr/logo11w.png" alt="you should use alt tags" />
    </a>

请注意，我已将您的ID移至<a>标记，因此您可以根据需要设置其样式，使其看起来像一个按钮

Answer 2

＆＃13;

<form name="test" method="post" action="http://www.example.com">
  <input id="tst" type="submit"/>
  </form>

＆＃13;

＆＃13; 然后在css文件中，您应该使用以下代码：

＆＃13;

#tst
{
background-image:url("https://www.google.com/images/srpr/logo11w.png");//or other urls.
}

＆＃13;

如何将图像作为按钮并将其重定向到另一个页面？

2 个答案: