input type 속성, hidden

지난 포스트에서 input type="" 속성 중에서 button과 reset을 배웠습니다.
자바 스크립트를 이용해서 버튼을 클릭하면 메시지가 뜨게 하는 것을 처음 접했을 때 재밌고 신기했던 기억이 나네요.


이번 영상에서는 input type="" 속성 중에 hidden이라는 것을 공부하겠습니다.
참고로 지금 단계에서 100% 이해할 수 있는 것이 아닙니다.
가벼운 마음으로 영상을 봅시다.




지난 포스트

input type 속성, 버튼과 리셋

이번 포스트에서는 input 태그의 type 속성 중에서 버튼과 reset에 대해서 배워보겠습니다.



input type 속성, hidden



form_hidden.html
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="http://localhost/hidden.php">
            <input type="text" name="id">
            <input type="hidden" name="hide" value="mystee">
            <input type="submit">
        </form>
    </body>
</html>

input type="hidden"은 웹페이지의 사용자에게는 UI가 눈에 보이지 않지만, 웹페이지의 사용자가 뭔가를 서버로 제출하는 버튼을 클릭했을 때, 사용자가 입력한 적이 없는 어떤 특정한 값을 서버로 전송을 할 때 사용하는 것입니다.
뭔가 괜히 무섭게 느껴지는 말일 수도 있는 것 같은데, 그렇다고 해킹이나 뭐 이런 게 아니라 서버의 관리자에게 필요한 어떤 값을 넣을 때 사용하는 겁니다.


아마도 나중에 php라는 프로그래밍 언어의 포스팅을 시작하게 되면 그때 한 번쯤 등장하게 되지 않을까 싶습니다.
지금은 막연하게 그냥 이런 게 있다고 생각하고 넘어가도 될 내용입니다.




다음 포스트

매우 작은 영역을 클릭해야 할 때 사용하는 label 태그

이번 HTML 포스트에서는 label 태그에 대해서 배워보겠습니다. label 태그는 체크박스나 라디오 버튼처럼 매우 작은 영역을 클릭해야 할 때 클릭 범위를 넓혀주는 편리한 태그입니다.

Post a Comment

1. 댓글은 블로그 운영자의 승인 후에 블로그에 표시됩니다.
2. 가능하면 비로그인 방문자 분께서는 익명보다 이름/URL로 댓글을 남겨주시면 감사하겠습니다. (URL은 생략 가능합니다.)
3. 구글 블로그에 댓글을 쓰고 '게시' 버튼을 클릭했을 때 가끔 에러가 발생해서 댓글이 날아가는 이슈가 있습니다.
혹시 장문의 댓글을 남기실 분들은 혹시 모를 에러를 대비해 '게시' 버튼 클릭 전에 댓글을 복사해두세요.

다음 이전