HTML 강좌 14강 - HTML 태그 익히기#13 - form #2

HTML 강좌 14강 - HTML 태그 익히기#13 - form #2

지난 강좌에 이어 추가적으로 form 태그에서 사용하는 입력양식에 대해 알아보겠습니다.

이번 강좌에서 나오는 입력양식 역시 자주 사용하는 태그들 입니다.

역시 form 태그 사이에 들어가야 합니다.

(1)password

(2)textarea

(3)select

(4)file

(5)hidden

(6)reset button

이러한 것들이 있는데, 예제를 보고 설명하도록 하죠.

그림을 보면서 하나씩 살펴볼까요~

(1) password 태그는 말그대로 비밀번호 양식입니다.

text 태그와 달리 내용을 입력해도 내용이 보이지 않고 비밀번호 형식으로 *** 처리됩니다.

(2) textarea 태그는 장문을 입력할 수 있는 텍스트박스 입니다.

우리가 흔히 메세지나 메일같은 장문의 내용을 작성할 때 사용하죠.

(3) select 태그는 여러가지 옵션중에 하나를 선택할 경우 사용합니다.

예를 들면 전화번호를 입력할때 010, 011, 016 처럼 전화번호 앞자리를 선택할 때 많이 사용합니다.

(4) file 태그는 첨부파일을 선택해서 전송할 때 사용합니다.

그런데 중요한게 하나 있습니다.

file 태그를 사용하려면 form 시작 태그에서 반드시 선언을 해야 할 속성이 있습니다.

form 시작태그를 살펴보면 enctype="multipart/form-data" 이런 속성값이 있습니다.

반드시 form 태그에 포함이 되어야 파일을 전송할 수 있습니다.

(5) hidden 태그는 숨겨진 입력값으로 사용합니다. 

주로 개발자들이 임의의 값을 보내는 경우에 사용하죠.

(6) reset 버튼은 입력한 모든 내용을 초기화 할 경우 사용합니다.

위에서 설명했듯이 hidden 입력 태그에는 아무런 내용도 보이지 않네요.

직접 테스트해 보면서 익혀보는게 좋을듯 합니다.

예제 파일은 첨부파일에서 받을 수 있습니다 :)

14.zip