Firefox에서 버튼이 양식을 제출하지 못하도록 방지하는 방법은 무엇입니까?

버튼으로 양식 제출 방지

양식 작업 시 양식 제출을 실행하지 않고 특정 작업을 수행하는 버튼을 추가해야 하는 경우가 있습니다. 이 기사에서는 제공된 코드 스니펫의 "제거" 버튼과 같은 특정 버튼이 Firefox에서 양식을 제출하는 것을 방지하고 다른 버튼은 이를 허용하는 방법에 대한 문제를 자세히 살펴보겠습니다.

문제 설명

주어진 HTML 양식에서 "추가" 버튼은 올바르게 작동하는 반면 "제거" 버튼은 클릭 시 양식을 제출합니다. 이 동작은 Firefox에만 해당되며 HTML5 버튼 요소의 기본 동작으로 인해 발생합니다.

문제 이해

HTML5 버튼 요소는 W3 사양에 따라 "제출"이라는 기본 유형을 상속합니다. . 즉, 달리 명시적으로 지정하지 않는 한 버튼에는 포함된 양식을 제출하는 고유한 동작이 있습니다.

해결책: 기본 유형 재정의

"제거" 버튼이 양식을 제출하는 것을 방지하려면 기본 유형을 재정의하는 데 필요합니다. 이는 유형을 "버튼"으로 명시적으로 지정하여 달성할 수 있습니다.

<button type="button" onclick="removeItem(); return false;">Remove Last Item</button>

유형 속성을 "버튼"으로 설정하면 버튼이 양식을 제출하지 않고 표준 버튼 요소처럼 작동하도록 지시합니다. 그러나 추가 반환 문도 포함해야 합니다.

return false;

이 반환 문은 버튼의 기본 동작(양식 제출)이 발생하지 않도록 합니다. 이 두 요소를 결합하면 양식을 제출하지 않고도 "제거" 버튼을 누르면 원하는 JavaScript 기능이 실행됩니다.

위 내용은 Firefox에서 버튼이 양식을 제출하지 못하도록 방지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!