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

Question

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

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

<input type="button">

или

<button>

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

Answer 1

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

Answer 2

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

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

• Javascript

• CSS, чтобы высмеивать появление кнопки на ссылке привязки

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

Answer 3

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

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

Answer 4

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

вот код 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"/>

Answer 5

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

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

Answer 6

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