Есть несколько различных способов сделать это - во-первых, просто поместите его внутрь формы, указывающей на то место, куда вы хотите его поместить:
<form action="/my/link/location" method="get">
<input type="submit" value="Go to my link location"
name="Submit" id="frm1_submit" />
</form>
Преимущество этого способа в том, что он работает даже без включенного javascript.
Во-вторых, используйте отдельную кнопку с javascript:
<input type="submit" value="Go to my link location"
onclick="window.location='/my/link/location';" />
Однако это не будет работать в браузерах без JavaScript (Примечание: это действительно плохая практика - вы должны использовать обработчики событий, а не встроенный код, как здесь - это просто самый простой способ проиллюстрировать то, о чем я говорю)
Третий вариант - стилизовать фактическую ссылку как кнопку:
<style type="text/css">
.my_content_container a {
border-bottom: 1px solid #777777;
border-left: 1px solid #000000;
border-right: 1px solid #333333;
border-top: 1px solid #000000;
color: #000000;
display: block;
height: 2.5em;
padding: 0 1em;
width: 5em;
text-decoration: none;
}
// :hover and :active styles left as an exercise for the reader.
</style>
<div class="my_content_container">
<a href="/my/link/location/">Go to my link location</a>
</div>
Преимущество этого варианта в том, что он работает везде и означает то, что вы, скорее всего, хотите, чтобы он означал.