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

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

DDD
DDD원래의
2024-11-22 04:49:11302검색

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

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

제출 유형의 기존 입력 버튼을 사용하는 대신 " 양식을 제출하려면 "링크를 클릭하세요. 이는 이미지 링크에 대한 표준 CSS 마크업을 유지하려는 경우 특히 유용합니다.

해결책:

이를 달성하기 위한 두 가지 주요 접근 방식이 있습니다.

방법 1: 버튼 스타일을 링크로 지정

버튼 요소를 입력하고 CSS를 사용하여 "a" 링크와 유사하게 스타일을 지정합니다. 이를 통해 모양을 사용자 정의하면서 버튼의 기능을 유지할 수 있습니다.

방법 2: "onclick"으로 링크 활용

또는 " a" 링크를 클릭하고 다음 onclick 이벤트 핸들러를 할당합니다.

onclick="this.closest('form').submit();return false;"

이 이벤트 핸들러는 가장 가까운 이벤트 핸들러를 식별합니다. 상위 양식 요소를 클릭한 링크에 추가하고 해당 양식을 제출합니다. 또한 새 페이지로 이동하는 기본 링크 동작을 방지합니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.