본문 바로가기
Web과 프로그래밍 언어/HTML&CSS

[HTML] input type ="hidden" 으로 CRUD 수정 기능 완성하기

by cosmicgy 2022. 11. 24.

 

<input type="hidden">는 보이지 않는 숨겨진 입력 필드이다. 

주로 사용되는 경우는 폼 제출 시 사용자가 변경하면 안되는 데이터를 함께 보내야할 때이다. 

쉽게 말하자면 수정 기능을 구현할 때에 데이터베이스 테이블의 Primary Key 값 같은 것에 해당한다. 해당 정보가 input hidden으로 숨겨서 작성되어 있다면 다른 수정 사항들이 제출될 때에 이 PK 값을 통해 해당 레코드를 인지하고 찾아내 수정되는 것이다. 

데이터베이스 레코드를 저장하거나 보안 토큰 등을 서버로 보낼 때 주로 사용된다. 

예시)

<form action="update.jsp" method="post">
        <input type="hidden" name="device_id" value="<%=dto.getDevice_id()%>">

이런식으로 form 안에 input 속성으로 작성

화면에서 전혀 보이지 않음.