양식의 URL을 사용하지 않는 양식으로 버튼을 배치하십시오.

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

  •  10-07-2019
  •  | 
  •  

문제

제출 버튼을 클릭 할 때 양식이 제출되는 조치로 URL이있는 일반 양식이 있습니다 (또는 Enter가 푸시됩니다).
이제 다른 페이지로 이동하는 두 번째 버튼이 필요합니다. 나는 이것에 대한 링크를 사용해야한다는 것을 알고 있지만 클라이언트의 요구 사항에 관해서는 버튼처럼 보일 것입니다.
CSS 시트는 사내에서 만들어지지 않기 때문에 (커뮤니케이션이 불가능 해짐) 양식의 버튼이 필요하므로 버튼에 두 번째 양식을 사용할 수 없습니다.

다음 태그 중 하나가 작업을 수행 할 수 있다고 생각했습니다.

<input type="button">

또는

<button>

JavaScript를 사용하지 않고 링크로 이동하도록 설정할 수 있습니까?

도움이 되었습니까?

해결책

JavaScript를 사용하지 않고이 작업을 수행하는 유일한 방법은 두 번째 버튼을 두 번째 형식 안에 두는 것입니다. CSS를 사용 하여이 두 번째 버튼을 '내부'첫 번째 형식으로 배치 할 수 있습니다.

다른 팁

당신은 다음 중 하나를 사용할 수 있습니다.

  • 두 번째 형태

  • 자바 스크립트

  • 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