날짜 입력하기
웹 문서나 애플리케이션에 달력을 넣으려면
type="data" , type="month" , type="week"
같은 날짜 관련 유형을 이용한다.
기본형은 다음과 같다
<input type="date | month | week">| type | 설명 |
| "date" | 달력에서 날짜를 선택해서 입력할 수 있다. |
| "month" | 달력에서 월을 선택해서 입력할 수 있다. |
| "week" | 달력에서 주를 선택해서 입력할 수 있다. |
예시를 보자
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Html-basic</title>
</head>
<body>
<form>
<h1>날짜 지정하기</h1>
<input type="date">
<input type="month">
<input type="week">
</form>
</body>
</html>
시간 입력하기
기본형은 다음과 같다
<input type="time | datetime | datetime-local">| type | 설명 |
| "time" | 폼에서 시간을 입력하게 합니다. 오전/오후, 시, 분으로 시간을 입력합니다. |
| "datetime", "datetime-local" | 사용자가 웹 문서를 보고 있는 지역에 맞는 날짜와 시간을 함께 입력할 수 있습니다. |
예시는 다음과 같다
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>Html-basic</title>
</head>
<body>
<form>
<h1>시간 지정하기</h1>
<input type="time">
<input type="datetime-local">
</form>
</body>
</html>
'📁Web Developing > HTML 기초' 카테고리의 다른 글
| input 태그-6 (주요 속성들) (0) | 2022.05.30 |
|---|---|
| input 태그-5 (버튼, 히든필드) (0) | 2022.05.30 |
| input 태그-3 (number, range) (0) | 2022.05.30 |
| input 태그-2 (버튼) (0) | 2022.05.30 |
| input 태그-1 (텍스트 입력) (0) | 2022.05.30 |
댓글