<input> 태그에는 다양한 속성들이 있고, 그만큼 다양하게 사용하고 쓰인다.
먼저 어떤 속성이 있는지 알아보도록 하겠다.
text : 한줄로 된 입력 칸을 생성 ( 기본 가로 크기는 20px이다 )
password : 한줄로 된 password 입력 칸을 생성 ( text를 입력하게 되면 ● 표시로 뜨게 된다 )
checkbox : 체크박스 생성
radio : 동그라미 체크박스 생성
button : 버튼 생성 ( 단순히 누름 버튼 onclick을 사용해서 이동 )
submit : 전송 버튼 생성 ( form에 주로 쓰임 )
reset : 재설정 버튼 생성
file : 파일 선택 버튼 생성
hidden : 숨겨진 input 창을 생성 ( 데이터가 사용자에게 보여지지 않고 전송할 경우 사용 )
image : 이미지로 된 전송 버튼을 생성
html 5부터는 새로운 속성도 추가가 됐다.
color : 색상 선택창을 생성
time : 시간을 선택하는 창을 생성, 표준시간은 없음
week : 주와 년을 입력하는 창을 생성, 표준시간은 없음
month : 달과 년 창을 생성, 표준시간은 없음
date : 날짜 선택창을 생성 ( 년, 월, 일 )
datetime : 날짜와 시간을 선택하는 창을 생성 ( 년, 월, 일, 시, 분, 초 ) 표준 시간으로 설정
datetime-local : datetime과 동일, 하지만 표준 시간이 없음
email : 이메일 주소창을 생성
number : 숫자만 입력할 수 있는 input 생성 최소와 최대 숫자 크기 제한 가능 ( min="1" max="100" )
속성은 더 있지만 자주 사용하는 속성들은 이정도이다.
기본적으로 input을 가장 많이 사용하는 type은 text 타입이다.
여기서 속성으로 name값은 값을 받을 때 이 name 값의 이름으로 받기 때문에 페이지를 넘겨서 데이터를 받을 것이라면
name 값은 필수이다.
http://hyoseung930.cafe24.com/bolg_poster/input_test_page.php
'WEB > HTML' 카테고리의 다른 글
| [HTML] <select> 태그 (0) | 2017.11.27 |
|---|---|
| [HTML] <form> 태그 (0) | 2017.11.27 |
| [HTML] <span> 태그 (0) | 2017.11.27 |
| [HTML] <p>와 <br> 태그 (0) | 2017.11.27 |
| [HTML] <div> 태그 (0) | 2017.11.27 |