HTML5 새로운 서식 요소들

datalist 요소

[광고 누르면 오늘의 행운 상승!!]

• 다른 앱력 요소에서 사용하도록 미리 정의 된 option 집합

새로운 input 타입 <input type=”___”>

1. search 타입: 검색을 위한 텍스트 입력 타입
2. tel 타입: 전화번호 입력을 위한 타입
3. url 타입: URL(인터넷 주소) 입력을 위한 타입
4. email 타입: 이메일 입력을 위한 타입
5. 날짜와 시간 입력을 위한 타입들

• **datetime:** : 국제적 날짜와 시간 입력을 위한 타입
• date,month, week: 날짜, 달, 주 입력을 위한 타입
• time: 시간 입력을 위한 타입
• datetime-local: 지역 날짜와 시간 입력을 위한 타입

1. number 타입: 숫자 입력을 위한 타입 max, min, step속성으로 입력 최대값, 최소값, 증가율을 설정
2. range 타입: 정밀한 숫자 입력이 필요치 않은 입력 타입, 슬라이드 형태
3. color 타입: #으로 시작하는 7글자의 색상 코드 입력을 위한 타입

progress 요소

• 작업의 진척도를 나타낸다.
• value 속성으로 진척도를 수치로 나타낸다.
• max 속성으로 완료 수치를 설정한다.

meter요소

• 알려진 범위 내에서 수치 정도를 나타낸다.
• 투표율, 디스크 사용현황, 검색빈도 등
• min, max, value 속성을 이용하여 나타낸다.