[삽잡이::html] 안보이는데 전송은 한다! 히든 필드(Hidden Field)

<input type = "hidden"

<input> 태그 자체가 

사용자 입력부분과 전송 기능을 제공해주는

 태그라고 이해할 수 있습니다.

해당 태그 안에는 hidden이라는 속성이 있는데요,

Hidden이라는 언어 자체가 숨기는 의미가 있습니다.

예 그렇습니다.

화면에 출력은 되지 않지만,

데이터를 보낼 때 유용하게 사용할 수 있습니다.

아래 좋은 예시가 있습니다.

같이 살펴보시죠~ 우와와 

(출처_ w3sschools)

HTML Element들을 보게 되면

demo_form에 

이름을 입력받을 수 있는 Text Box와

제출할 수 있는 Submit 버튼이 있습니다.

그런데 이상합니다. 하나가 남지요...

뭐야 뭐야 

예 그렇습니다.

바로, Hidden Filed입니다.

value 속성에 있는 값을 넘겨주게 됩니다.

결과를 한번 볼까요!?

우와~ 안보였던 country가 보이네요~ 

hidden 필드는 

대체적으로 서버에 데이터를 전송할 때 사용하는데요,

물론, 취약점이 많을 정도로 조심하게 써야할 필요가 있겠지요?

아무튼, 굳이 사용자가 입력할 필요가 없지만

자동으로 보낼 수도 있게 해주고 편하네요!

굳~