form태그의 action과 button의 onclick의 사용시기?
4156
작성한 질문수 7
<div class="col">
<button class="w-100 btn btn-secondary btn-lg" type="button"
th:onclick="|location.href='@{/items}'|">
상품 관리
</button>
</div>
<div class="col">
<form th:action="@{/logout}" method="post">
<button class="w-100 btn btn-dark btn-lg"
type="submit">
로그아웃
</button>
</form>
</div>
상품관리 버튼에서는 button의 onclick을 이용해서 링크를 보내주고 로그아웃 버튼에서는 form태그의 action을 사용해서 링크로 보내주었는데
post의 형식으로 데이터를 보내줘야할때는 form의 action을 통해서 보내주고 get방식으로 보내줘야할때는 onclick을 이용해서 보내는 건가요??
답변 1
2
안녕하세요, 조시현 님! 공식 서포터즈 codesweaver 입니다.
Form 태그 내부에 있는 버튼과 외부에 있는 버튼은 다르게 동작합니다.
Form 내부에서의 버튼은 기본적으로 폼을 전송하는 기능을 합니다. 즉, submit 동작이 기본값이며, 버튼을 누를경우 폼에 작성한 값을 서버로 전송합니다. 이 때 get/post 같은 메서드는 Form 태그의 method 값을 따릅니다.
반면 Form 밖의 버튼은 아무 기능도 하지 않습니다. 그래서 onclick 속성을 이용하여 '자바스크립트'로 작동을 지정해야 합니다.
참고: Form 내부에서 버튼의 기본동작 방식을 없애고 싶다면(즉, 버튼을 눌러도 Form을 전송하지 않도록 하고 싶다면) type 값을 button으로 설정하면 됩니다.
<form action="/' method="post">
<button type="button">눌러도 폼을 전송하지 않는 버튼!</button>
</form>
감사합니다.
이미지 업로드와 db 트랜잭션 묶는법
0
43
1
Could not resolve org.springframework.boot:spring-boot-starter-validation:2.4.4
0
53
2
MessageSourceTest 코드
0
48
1
인터셉터 에러 설정
0
48
1
resolveArgument()메서드 질문
0
57
1
43강 검증1 에서 실패 로직 관련 질문있습니다.
0
57
2
타임리프 3.X 버전 rendering, serializer 에러 해결 방법
2
133
3
스프링 빈에 등록이 안되는거 같은데 어떻게 하면 좋을까요?ㅠㅠ
0
90
3
pdf 오타 문의
0
57
1
ItemUpdateForm 검증 관련 질문입니다.
0
49
1
22page 링크 주소 변경
0
59
2
특정 데이터와 파일을 함께 저장 시, 테이블 구조 질문
0
53
1
섹션3번 수업에 대한 질문입니다.
0
80
2
@Autowired 보다 더 좋은 방법이 어떤 걸까요?
0
85
2
타입컨버터 가 람다랑 비슷해 보이는데 저의 생각이 맞는지?.
0
65
1
자바스크립트 인라인에서 객체 직렬화 시 오류가 납니다
0
142
3
스프링부트 - 오류페이지2 에서 500.html 에서 쓰인 객체 질문
0
63
1
톰캣 에러 페이지가 안보입니다.
0
104
2
apiEceptionController에서 센드 에러 호출하면 안되는지?
0
81
1
세션 타임아웃시 쿠키 삭제 방법이 없나요?
0
118
2
ApiExceptionController 질문드립니다.
0
64
1
셀렉박스 챕터에서 option value에 ==배송 방식 선택== 이것을 넣은 이유가 궁금함, 이렇게 구상해도 되는지?
0
66
1
MemberRepository 필드의 fianl 선언 유무
0
85
2
혹시 index.html 에서는 fragment 사용이 안되는건가요
0
58
1