외부 버튼이 HTML로 양식을 제출하는 것을 중지하는 방법은 무엇입니까?

HTML 버튼이 양식을 제출하지 못하도록 방지하는 방법

웹 개발에서 일반적으로 양식 외부에 버튼을 배치하면 JavaScript를 실행할 수 있습니다. 또는 클릭 시 기타 사용자 정의 작업. 그러나 어떤 경우에는 이러한 외부 버튼이 의도치 않게 근처에 있는 양식을 제출할 수도 있습니다. 버튼이 별도의 기능을 수행하도록 하려는 경우 이는 실망스러울 수 있습니다.

다음 시나리오를 고려해보세요.

<code class="html"><form id="myform">
    <label>Label <input /></label>
</form>
<button>My Button</button></code>

"내 버튼" 요소를 클릭하면 다음과 같은 결과가 나올 것으로 예상할 수 있습니다. 자바스크립트를 트리거합니다. 그러나 예기치 않게 myform이 제출됩니다.

이 문제를 해결하려면 버튼의 HTML 코드를 수정하여 양식이 제출되지 않도록 해야 합니다.

<code class="html"><button type="button">My Button</button></code>

값이 있는 유형 속성 추가 "버튼"은 해당 버튼이 양식 제출용이 아니라는 것을 명시적으로 지정하므로 제출 기능이 비활성화됩니다.

업데이트(2019년 2월 5일):

에 따르면 HTML Living Standard 및 HTML 5 사양에 따르면 유형 속성이 없거나 유형 속성에 유효하지 않은 값이 있으면 버튼이 기본적으로 제출 버튼 상태로 설정됩니다.

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