Front-End/HTML

[HTML] date 태그, time 태그, week 태그

찐코딩 2021. 10. 26. 16:04

 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

	<h3>날짜를 선택하세요</h3>
	
	<hr>
	
	<!-- 인터넷익스플로러에서는 안된다.  -->
	<input type="date">
	
	<hr>
	
	<input type="time">

</body>
</html>

달력 선택 시

해당 날짜가 선택된 채로 달력 화면이 나온다.

해당 시간이 선택된 채로 시간 화면이 나온다.

선택 완료!

 

 

week 태그

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>

		<h3>오늘은 몇 번째 주인가요</h3>
		
		<hr>
		
		<input type="week">

</body>
</html>

 

선택하면 아래와 같이 생성된다.