HTML에서 입력 유형 필드와 날짜 필드를 사용하는 방법은 무엇입니까?

이 글에서는 HTML의 날짜 필드와 함께 입력 유형 필드를 사용하겠습니다.

요소에 type="date"를 사용하여 사용자가 입력을 확인하는 텍스트 상자나 특수 날짜 선택기 인터페이스를 사용하여 날짜를 입력할 수 있는 입력 필드를 만듭니다.

값에는 연도, 월, 일이 포함됩니다.

문법

다음은 HTML에서 입력 유형 필드와 날짜 필드를 사용하기 위한 구문입니다.

으아악

예

다음은 HTML의 입력형 필드와 날짜 필드를 이용한 샘플 프로그램입니다.

으아악

이제 날짜 선택기에서 날짜를 선택할 수 있습니다.

범위가 있는 입력 필드에 날짜 추가

날짜 속성과 함께 최대 및 최소 속성을 사용하여 입력 필드 범위를 생성할 수도 있습니다.

문법

최대 및 최소 속성과 날짜 속성을 사용하여 입력 필드 범위를 생성하는 구문은 다음과 같습니다.

으아악

예

다음은 최대 및 최소 속성과 날짜 속성을 사용하여 입력 필드 범위를 생성하는 샘플 프로그램입니다.

으아악

날짜 선택기의 다른 모든 값이 비활성화되어 있음을 알 수 있습니다. 위의 예에서 지정한 범위를 생성합니다.

위 예제 프로그램에서는 min="2022-06-01" 및 max="2022-07-30"을 설정했습니다. 따라서 날짜 선택기는 최소 및 최대 범위에서 날짜를 선택할 수 있습니다.

날짜 속성을 필수 필드로 사용하세요

입력 필드의 필수 속성을 사용하여 날짜를 강제로 입력할 수도 있습니다. 빈 날짜 필드를 제출하려고 하면 오류가 표시됩니다.

문법

다음 구문은 입력 필드의 필수 속성을 사용하여 날짜를 강제로 입력합니다.

으아악

예

다음 예에서는 입력 필드의 필수 속성을 사용하여 날짜를 강제로 입력합니다.

으아악

입력 필드에 빈 날짜를 제출하려고 하면 오류 메시지가 표시됩니다.

위 내용은 HTML에서 입력 유형 필드와 날짜 필드를 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!