![[스프링부트 blogV1] 14. form tag사용법!](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-12-30T08%3A16%3A12.726Z-00e6416b-a394-4bdf-bdde-4d4dd20e9a30&w=2048&q=75)
- 입력받을 내용을 input으로 작성해서 form태그로 감싸라 *자바스크립트로 요청을 할 예정이어도 form태그를 사용해라! form태그로 묶어야 보기 편하다.
- 입력받은 데이터를 받기 위해 submit버튼을 만들어라 *form 안에서는 button의 기본타입 submit form 밖에서는 button의 기본타입 button
- action에 주소를 넣어라! → 서버에서 데이터 처리하는 주소
- method : 데이터 전송방식을 지정한다.
- 1.0방식 : select→ get insert,upadte,delete → post → action=”/board/save” “/board/update” “board/delete”
- 1.1방식 : select : get , insert : post , update: put , delete: delete
* 이번 프로젝트에서는 JavaScript를 사용하지 않고 http를 연습하기 위해 1.0방식을 사용한다.
1.1 방식이후로는
→ action = “/board” 주소 하나로 method를 다르게 해 insert,update,delete가 가능하다.
- form의 enctype 디폴트 값 (생략가능)
:
enctype="application/x-www-form-urlencoded"
Share article
![[스프링부트 blogV1] 16. 글 삭제하기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-12-30T08%3A21%3A53.015Z-659adac5-01a9-45a9-a79c-e7f99ef54c77&w=750&q=75)
![[스프링부트 blogV1] 15. 글쓰기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-12-30T08%3A19%3A11.355Z-ca124ba1-ebc2-4560-a13b-e38cc2d3f36c&w=750&q=75)
![[스프링부트 blogV1] 13. 부분 템플릿 만들기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-12-30T08%3A10%3A09.023Z-eff6af33-7b51-40da-b93b-fa859dcea3df&w=750&q=75)
![[스프링부트 blogV1] 12-1) util만들기](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2024-12-30T08%3A09%3A16.461Z-d7b505ee-bdca-4d98-9460-d0fb6e673b0b&w=750&q=75)