> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 없이 버튼이 원치 않는 양식 제출을 어떻게 방지할 수 있습니까?

JavaScript 없이 버튼이 원치 않는 양식 제출을 어떻게 방지할 수 있습니까?

Mary-Kate Olsen
풀어 주다: 2024-12-01 11:39:13
원래의
531명이 탐색했습니다.

How Can a Button Prevent Unwanted Form Submission Without JavaScript?

버튼으로 양식 제출을 피할 수 있나요?

'변경 사항 취소' 버튼과 '제출'이라는 두 개의 버튼이 포함된 양식에 두 버튼 모두 jQuery UI를 사용하여 스타일이 지정되었지만 전자는 예기치 않게 양식을 제출합니다. "type=submit" 속성이 없음에도 불구하고 양식 제출이 발생합니다.

JavaScript 솔루션은 이벤트 처리를 사용하여 이를 방지할 수 있지만 JavaScript에 의존하지 않고 양식 제출을 비활성화하는 방법이 있습니까?

답변:

버튼 요소의 기본 "type" 속성은 "submit"입니다. 속성을 "버튼"으로 설정하면 버튼이 양식을 제출하지 못하게 됩니다.

<button type="button">Cancel Changes</button>
로그인 후 복사

HTML 표준에 명시된 대로 "type=button" 속성이 있는 버튼은 "아무 작업도 수행하지 않습니다."

위 내용은 JavaScript 없이 버튼이 원치 않는 양식 제출을 어떻게 방지할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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