HTML5의 시간 입력 유형을 사용하면 사용자가 시간을 입력 할 수 있습니다. 오전과 오후뿐만 아니라 시간과 분 모두 수집됩니다. 시간대 선택이 없습니다. 일부 브라우저는 실제로 사용자가 시간을보다 쉽게 제출할 수 있도록 시계 또는 다른 날짜 제어 입력 장치를 표시 할 수 있습니다.
시간 입력 유형을 사용하는 방법
JSFiddle에서 실제 웹 페이지에서 HTML 코드가 어떻게 보이는지 확인할 수 있습니다. 표현식은 양식으로 묶을 수 있으며 지침을 위해 텍스트를 추가 할 수 있습니다. 이 예제에서와 같이 월, 일, 년을 선택할 수도 있습니다.
웹 브라우저 지원
시간 입력에 대한 지원은 Chrome, Safari, Opera, Firefox 및 Internet Explorer를 포함한 모든 웹 브라우저에 분산되어 있습니다. 일부 브라우저는 시간을 입력하고 오전과 오후 사이를 전환해야하는 일반 텍스트 상자를 표시합니다. 다른 사람은 날짜 선택기를 포함하거나 전혀 표시하지 않습니다.
이것은 실제로이 HTML5 양식 유형을 지원하지 않는 브라우저에 대한 중요하고 유용한 대안입니다. 웹 양식에서이 입력을 사용하여이를 지원하는 브라우저에서 더 나은 데이터를 수집 할 수 있습니다. 이 입력 유형을 지원하지 않는 브라우저는 본질적으로 표준 입력란 인 기본 설정 일뿐입니다. 어쨌든 시간 필드가없는 경우 사용한 것입니다.
이 필드에 수집 된 데이터가 특정 날짜 표준을 준수해야하는 경우이 입력 유형을 사용하여 내용이 스크립트 또는 CGI로 시간이 맞는지 확인할 수 있습니다. 이것은 또한 구형 브라우저 및 텍스트 입력 유형으로 되돌아가는 방식에 대한 기반을 다룹니다.
입력 시간 속성
시간 입력 유형에 다음 매개 변수를 사용할 수 있습니다.
- 자동 완성
- 명부
- 최대
- 최소
- 읽기 전용
- 필수
- 단계
- valueAsNumber
- selectedOption
- 내려오다()
- stepUp ()