> 웹 프론트엔드 > CSS 튜토리얼 > 버튼 대신 링크를 사용하여 양식을 제출하려면 어떻게 해야 합니까?

버튼 대신 링크를 사용하여 양식을 제출하려면 어떻게 해야 합니까?

Mary-Kate Olsen
풀어 주다: 2024-11-19 22:49:03
원래의
748명이 탐색했습니다.

How Can I Submit a Form Using a Link Instead of a Button?

일반 링크를 사용하여 양식 제출

양식을 제출할 때 일반적인 접근 방식은 제출 유형이 있는 버튼을 클릭하세요. 그러나 미적인 이유로 간단한 link.

옵션 1: 스타일 버튼

한 가지 옵션은 일반 <버튼> 그런 다음 CSS를 사용하여 링크와 비슷하게 스타일을 지정합니다. 예는 다음과 같습니다.

<button type="submit" class="link-styled-button">Submit</button>
로그인 후 복사
.link-styled-button {
  color: #000;
  background: none;
  border: 0;
  text-decoration: underline;
  cursor: pointer;
}
로그인 후 복사

옵션 2: 링크가 포함된 양식 제출

또는 일반 JavaScript를 통해 양식 제출을 링크하고 처리합니다. 방법은 다음과 같습니다.

<a href="#" onclick="this.closest('form').submit();return false;">Submit</a>
로그인 후 복사

이 메소드는 close() 메소드를 활용하여 가장 가까운 상위 양식 요소를 찾고 링크를 클릭할 때 제출을 트리거합니다. 반환은 거짓입니다. 문은 링크가 기본 동작(지정된 URL로 이동)을 따르는 것을 방지합니다.

위 내용은 버튼 대신 링크를 사용하여 양식을 제출하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿