>웹 프론트엔드 >H5 튜토리얼 >버튼 버튼과 제출 버튼의 차이점은 무엇인가요?

버튼 버튼과 제출 버튼의 차이점은 무엇인가요?

不言
不言앞으로
2019-01-08 10:43:335295검색

이 기사에서는 버튼 버튼과 제출 버튼의 차이점에 대해 설명합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

버튼-일반버튼, 제출-제출버튼.
제출은 버튼의 특수한 경우이며 제출 작업을 자동으로 통합합니다. 둘 다 버튼 형태로 표시됩니다. 차이점은 유형 속성과 처리입니다. 이벤트에 대한 응답입니다.

사용 시나리오:

여기에 언급된 일부 사용 시나리오는 한 가지 유형만 사용할 수 있다는 의미는 아니며 단지 이 시나리오에서 사용하는 것이 더 편리하고 프로그래머의 작업량이 적다는 것을 의미합니다.

표를 사용하여 비교하세요.

시나리오 button submit
웹 페이지는 서버
Ex 평범한 사건을 일으키다 무거운 설정 및 지우기 기능과 같은 웹 페이지.
양식 제출 양식 데이터를 제출하려면 이벤트를 바인딩해야 합니다.
부분 새로 고침 을 사용할 수 없습니다. 양식은 다음과 같은 경우에 제출됩니다. 이벤트가 트리거됩니다.
양식은 없지만 데이터를 제출해야 합니다 그리고 버튼은 기본적으로 데이터를 제출하지 않습니다. 바인딩 이벤트를 통해 데이터를 제출할 수 있습니다. 제출에 양식이 필요한 경우 제출 시 데이터가 포함됩니다. 물론 submit을 사용할 수도 있지만 onclick 이벤트를 가로채야 합니다.
폼 데이터가 너무 많을 때 데이터 획득 액션을 많이 작성해야 할 때 Recommended
제출된 데이터를 JS로 검증해야 하는데, 이때 사용자가 JS를 비활성화하면, 실패하면 백그라운드에서 검증을 수행하지 않으면 불법 데이터가 백그라운드에 입력됩니다. 권장 사항: 버튼을 통해 데이터를 제출한 후 사용자가 JS를 비활성화하면 데이터 제출 작업을 활성화할 수 없습니다 권장하지 않음
보충

1. 위 시나리오에서는 클릭 후 JS로 양식을 처리해야 합니다. 제출하기 전에 제출 버튼(입력 확인 포함)을 사용하는 것이 일반적으로 제출 전에 확인하기 위해 제출 버튼을 사용하는 경우 메서드 앞에 반환을 추가해야 합니다. onClick 메서드가 return을 추가하지 않으면 자동으로 submit되어 제약 조건으로 작용하지 않으므로 submit 사용 시 확인이 필요한 경우 return true 또는 false를 추가하세요.
예를 들어 로그인 모듈의 경우 먼저 사용자 이름이 비어 있는지 확인하십시오. 비어 있으면 SUBMIT을 클릭할 때 from 양식에 지정된 페이지가 제출되지 않습니다. 양식으로만 전송 가능합니다! 그리고 전달된 값은 폼에서 지정한 페이지에서는 확인할 수 없습니다.

rreee

위 내용은 버튼 버튼과 제출 버튼의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 segmentfault.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제