Form에서 서버로 전송 시 사이트 사용자에게는 보이지 않는 정보를 전송할 수 있습니다.
이는 input type="hidden" 속성을 이용해서 구현 가능합니다.
예제를 만들어 보겠습니다.
<body>
<form>
<fieldset>
<lable for="id">아이디:</lable>
<input type="text" id="id">
<lable for="pw">비밀번호:</lable>
<input type="text" id="pw">
<input type="hidden" name="address" value="대한민국 서울 *** 주소 정보를 보이지 않게 보냅니다">
</fieldset>
<input type="submit" value="로그인">
<input type="reset" value ="취소">
</form>
</body>해당 코드는 하기와 같은 화면을 구성합니다.
웹 사이트 사용자에게는
아이디, 비밀번호 와 로그인, 취소 버튼 등의 UI form 요소들이 보입니다.
그런데 위 코드에서 구현한 하기 코드는 보이지 않지만 서버로 전송되어집니다.
<input type="hidden" name="address" value="대한민국 서울 *** 주소 정보를 보이지 않게 보냅니다">서버에는 name 속성의 "address"라는 값으로 value로 넘겨받은 값을 가공하거나 저장하겠지요.
이렇듯 input type="hidden"은 사용자에게 보이지 않고 값을 서버로 넘겨줄 수 있습니다.
사용자에게는 보이지 않지만 중요한 정보는 보내지 않는 것이 좋습니다.
보안 이슈로 인해 비밀번호 나 특정 정보는 쉽게 노출될 수 있으니 말이죠.
input type="hidden" 예제를 만들어 보았습니다.
감사합니다.
반응형
'앱 만들기 > HTML5 study' 카테고리의 다른 글
| 드롭다운 리스트 태그 (1) | 2023.05.02 |
|---|---|
| <textarea> 태크 예제 (2) | 2023.04.26 |
| input type="week" 주 제한 하기 (4) | 2023.04.22 |
| 파일 첨부 form (2) | 2023.04.20 |
| input type="button" 만들기 (0) | 2023.04.18 |
댓글