HTML5에서는 기존의 input 타입외에 새로운 타입(type)이 추가 되었습니다.
속성 |
설명 |
datetime-local |
지역 날짜 선택양식을 생성 |
이메일 입력양식 생성 |
|
month |
월 선택양식 생성 |
number |
숫자 생성양식을 생성 |
range |
범위 생성양식을 생성 |
search |
검색어 입력양식을 생성 |
tel |
전화번호 입력양식을 생성 |
time |
시간 선택양식을 생성 |
url |
URL 주소입력양식을 생성 |
week |
주 선택 양식을 생성 |
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Basic</title>
</head>
<body>
<form>
<input type="color" /><br />
<input type="date" /><br />
<input type="datetime" /><br />
<input type="datetime-local" /><br />
<input type="email" /><br />
<input type="month" /><br />
<input type="number" /><br />
<input type="range" /><br />
<input type="search" /><br />
<input type="tel" /><br />
<input type="time" /><br />
<input type="url" /><br />
<input type="week" />
</form></body>
</html>
아쉬운 점은 아직 인터넷 익스플로러에서는 지원이 되지 않고 있습니다. 크롬(chrome)으로 실행해보세요.
