개별 submit 버튼과 input이 form의 기본 동작을 덮어쓰는 방식을 배웁니다.
formaction, formmethod, formtarget, formenctype, formnovalidate는 특정 제출 버튼에서 form의 action과 method 등을 바꿉니다. form 속성은 입력 요소가 form 밖에 있어도 form의 id로 연결합니다.
예제에서는 <button formaction="/preview" formmethod="get">미리보기</button> 부분부터 찾으세요. 태그 이름만 외우기보다 부모·자식 관계와 속성이 어느 요소에 붙는지를 한 덩어리로 읽으면 구조를 고치기 쉬워집니다.
먼저 현재 결과를 확인한 뒤 두 버튼의 formaction과 formmethod 값을 서로 비교해보세요. 수정 전에는 예상한 변화를 한 문장으로 적고, 실행 뒤에는 정보 순서와 키보드 접근까지 그대로인지 살펴보세요.
formnovalidate를 최종 발행 버튼에 사용하면 필수값이 빠진 데이터가 전송될 수 있습니다.
직접 바꿔보세요두 버튼의 formaction과 formmethod 값을 서로 비교해보세요.