Как сделать кнопку с функциональностью ссылки (HTML) - CodeHelper

Как сделать кнопку с функциональностью ссылки (HTML)

3

Нужно сделать html кнопку (button/input) с поведением ссылки. То есть при нажатии на эту кнопку должен осуществляться переход на другую страницу. Сама кнопка расположена внутри формы, так что никакого submit`а при нажатии не должно происходить.

Заранее отвечаю на вопрос «Зачем это нужно». Классический пример использования — когда на странице есть две кнопки — OK и ОТМЕНА. OK делает сабмит формы, ОТМЕНА должна производить редирект. Делать кнопку ОТМЕНА ссылкой не хочется — выглядит некрасиво.

Лучший ответ:

2

Можно сделать, как то так:

<form>
<input type="button" value="Кнопка" onClick='location.href="http://codehelper.ru/"'>
</form>

Новые ответы


1

Есть такой интересный вариант:

<form method="LINK" action="http://codehelper.ru">
    <input type="submit" value="Go to CodeHelper!">
</form>

Здесь объявляется форма, action которой указывает на страницу редиректа. При нажатии на кнопку происходит переход на заданную страницу. Интересная особенность метода — тут вообще не используется javascript.

safonovea

Для примера из вопроса этот способ предполагает наличие двух вложенных форм? Одна для сабмита, вторая для редиректа?

Sergey

Думаю достаточно будет использовать метод GET, всё-таки LINK довольно специфический метод и уверенности в том, что он корректно поддерживается нет

admax

Для примера это конечно не совсем то (именно из-за двух форм), но сам способ достаточно интересный

Дмитрий

День добрый, дорогие друзья, пожалуйста, сделайте кнопку что бы он запускала файл на сайте, и другую, что бы закрывала файл. Если что пришлите на почту пожалуйста, или суда.Заранее благодарен(Прошу прислать код).


v1.7.123.556
© 2009—2010 CodeHelper FAQ | О сайте | Обратная связь | История изменений | Статьи
Creative Commons LicenseМатериалы сайта распространяются под лицензией Creative Commons Attribution-Share Alike 3.0 Unported.