我怎样才能在同一页面上放置多个充当链接的html按钮？
有没有人知道如何在同一个html页面上放置多个充当链接的html按钮？
我目前正在这样做：
<form action="http://justchillinc.wix.com/just-chill">
<input type="submit" value="Just Chill">
</form>
<form action="http://google.com">
<input type="submit" value="Google">
</form>
没有风格的辉煌，但你明白了......任何带有一类按钮的标签都将被设计成相同的样式。
.button{
display:inline-block;
text-decoration:none;
color:yellow;
font-weight:bold;
min-width:132px;
min-height:37px;
border:1px solid black;
border-radius:12px;
text-align:center;
background-color:gray;
box-shadow:8px 8px 8px gray;
margin:10px;
}
.button:active{
background-color:green;
position:relative;
top:8px;
left:8px;
}<a href="http://google.com" class="button" target="_blank">Link Here</a>
<a href="http://google.com" class="button" target="_blank">Link Here</a>
<a href="http://google.com" class="button" target="_blank">Link Here</a>
<a href="http://google.com" class="button" target="_blank">Link Here</a>你做这件事的方式已经很好了。 这里有一些其他的方法来做到这一点：
有了a标签和一些自定义的CSS（http://jsfiddle.net/pp4eufat/）
HTML：
<a class="button" href="http://justchillinc.wix.com/just-chill">Just chill</a>
CSS：
a.button {
padding: 5px 10px;
background-color: #ddd;
color: #222;
text-decoration: none;
}
您可以轻松分配按钮类来提交按钮或类似的按钮，以在整个页面上获得一致的按钮。
用一个按钮和JavaScript（http://jsfiddle.net/gdfx5fd3/）
码：
<button onclick="window.location.href='http://google.com';">Google</button>
重要的部分是onclick="location.href='http://google.com';" 。 它告诉浏览器在用户单击按钮时打开http://google.com 。 缺点是用户必须启用JavaScript（几乎每个人都启用了它，所以这不是一个大问题）
从：
<form action="http://justchillinc.wix.com/just-chill">
<input type="submit" value="Just Chill">
</form>
<form action="http://google.com">
<input type="submit" value="Google">
</form>
至：
<form method="post" action="http://justchillinc.wix.com/just-chill">
<input type="submit" value="Just Chill">
</form>
<form method="post" action="http://google.com">
<input type="submit" value="Google">
</form>
上一篇: How can I place multiple html buttons that act as links on the same page?