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)으로 실행해보세요.
'웹코딩 > HTML5 CSS3' 카테고리의 다른 글
| CSS3 변형 속성 transition-delay | transition-timing-function (0) | 2016.11.04 |
|---|---|
| CSS3 변형 속성 transition-duration (0) | 2016.11.03 |
| HTML5 video 태그 ie 에서 실행되지 않을때 video.js 플러그인 (0) | 2016.11.03 |
| HTML5 비디오 요소 (0) | 2016.10.12 |
| HTM5에 새로 추가된 주요 태그들 (0) | 2016.10.12 |
