Как сделать вход type=button, действуют как гиперссылка и перенаправление с помощью получить запроса? [дубликат]

138
задан Peter Mortensen 4 July 2014 в 22:01
поделиться

1 ответ

Есть несколько различных способов сделать это - во-первых, просто поместите его внутрь формы, указывающей на то место, куда вы хотите его поместить:

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

Преимущество этого варианта в том, что он работает везде и означает то, что вы, скорее всего, хотите, чтобы он означал.

143
ответ дан 23 November 2019 в 23:27
поделиться
Другие вопросы по тегам:

Похожие вопросы: