input태그 Type속성 [hidden]

hidden 옵션

hidden옵션은 input 태그의 type속성으로 지정하는 옵션입니다.

<input type="hidden" name="" value="/>

body영역에 숨겨져서 Parameter라고 불리는 name속성의 변수명으로 value의 값을 넘겨줍니다.

 

그렇다면 hidden옵션을 어떨때 사용하느냐?

 

흔희 GET방식으로 주소창에 파라미터가 노출되며 그것을 조작하는 문법을 QueryString 이라고 합니다.

 

 

우리가 글을 삭제하거나 수정할때 GET방식으로 요청을 하게 된다면 QueryString으로 조작이 가능해 집니다.

권한이 없는 사람이 임의로 조작을 해서는 안되기 때문에 GET으로 요청을 하지 않고 POST방식으로 요청을 보내야 합니다.

삭제나 수정 요청할때 컨트롤러측에 해당 게시글 번호값을 보내줘야할 때가 있습니다.

POST방식은 주소창에 QueryString이 작동하지 않지만 이 hidden옵션을 사용하게 되면 Parameter를 넘길수있습니다.

말그대로 본문에 심어 넘기는것입니다.

 

hidden태그를 사용하는 예시 입니다

https://u-it.tistory.com/46

 

 

만약 type속성이 text이고 name속성이 boardNo로 적용된 value값을 전송시킨다면

<input type="text" name="boardNo" value="${article.boardNo}">

GET방식일때는 주소창에, POST방식일때는 HTTP Body영역에 담겨져 파라미터가 넘갑니다.