Разместите кнопку в форме, которая не использует URL-адрес формы.

StackOverflow https://stackoverflow.com/questions/435044

  •  10-07-2019
  •  | 
  •  

Вопрос

У меня есть обычная форма с URL-адресом в качестве действия, которому форма отправляется при нажатии кнопки отправки (или нажатии кнопки ввода).
Теперь мне нужна вторая кнопка, которая ведет на другую страницу.Я знаю, что для этого мне следует использовать ссылку, но по требованиям клиента она должна выглядеть как кнопка.
Поскольку листы CSS не создаются собственными силами (и общение для меня становится невозможным), мне нужна кнопка в форме, и поэтому я не могу использовать вторую форму для кнопки.

Я подумал, что с этой задачей может справиться любой из следующих тегов:

<input type="button">

или

<button>

Могу ли я настроить любой из них для перехода по ссылке без использования JavaScript?

Это было полезно?

Решение

Единственный способ сделать это без использования JavaScript — разместить вторую кнопку внутри второй формы, действие которой будет желаемым пунктом назначения.Возможно, вы сможете использовать CSS, чтобы разместить эту вторую кнопку «внутри» первой формы.

Другие советы

Вы можете сделать это с помощью:

  • Вторая форма

  • Javascript

  • CSS для имитации внешнего вида кнопки на якорной ссылке

Кажется, вы исключили все три из этого вопроса, но, возможно, вы оставили небольшое окно для встроенного стиля (вы говорите, что не имеете контроля над «листами CSS», но это оставляет место для атрибута стиля), но это решение, конечно, не передаст какую-либо информацию о форме на другую страницу.

нет, ты должен использовать JavaScript

<input type="button" value="go" onclick="javascript:location.href='http://www.stackoverflow.com';" />

<input type="button" onclick="document.location='my_other_link'" value="Click here"/>

динамически измените действие формы:

вот код JavaScript:

function submitAnotherURL(){
 var yourForm = document.your_form_name;
 yourForm.action='your_other_link';
 yourForm.submit();
}

кнопка в html:

<input type="button" onclick="submitAnotherURL()" value="Click here"/>

Это невозможно сделать в чистом HTML.

Редактировать: За исключением, конечно, Метод Питера

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top