HTML - Input 태그

○ <, >

 - 꺽쇠의 의미. 

&lt -> "<"

&gt -> ">"

○ type = "text"

value는 텍스트창에 기본값으로 넣는 용도로 쓰이며, size는 화면에 길이가 X인 텍스트창을 표시하며 maxlength는 최대 입력 길이 제한을 의미한다.

○ type = "password"

패스워드 입력을 할 수 있는 입력폼이 생성된다. 텍스틑 입력할때에는 안보이게 표시된다.

○ type = "checkbox"

위 그림과 같이 체크박스가 생긴다.

○ type = "checkbox" label 연결하기

하루동안 안보이기를 선택해도 체크박스에 체크가 된다. 

라벨 연결은 다음과 같이 연결해도 되지만 전자처럼하는 방법이 정석이니 참고만 한다.

○ type = "radio"

○ type = "radio" 그룹묶기

type="radio"에서 name을 모두 동일하게 하면 그룹으로 묶여진다. 위와 같은 결과 화면에서 no를 선택한 후 ok를 선택하면 되면 

no에 있던 버튼이 사라지고 ok에 표시된다. 

○ type = "file"

위와 같은 화면에서 찾아보기를 선택하면

위 화면과 같이 파일을 선택하는 화면이 출력된다.

파일을 선택하면 위와 같이 표시된다. 서버로 보낼때에는 경로가 보내지는게 아니라 파일이 전송된다.

○ type = "hidden"

화면에서는 아무것도 표시가 안된다. 

○ type = "button"

type="button"은 단독으로 쓰이지 않고 자바 스크립트랑 같이 연동해서 쓰인다. 뒤에 있는 onclick은 자바스크립트다.

value는 버튼에 쓰여질 문구로 쓰인다.

○ type = "reset"

위와 같이 체크박스와 버튼 등을 선택한 다음 [초기화버튼]을 누르게 되면

위와 같이 선택된것이 모두 초기화 된다. 

○ type = "button"

전송버튼을 누르게 되면 input에 입력된 모든 값들이 넘어가게 된다.