최고의 HTML5 입력 유형 튜토리얼 2024년, 이 튜토리얼에서는 HTML5 새로운 입력 형식,입력 유형 : 색상,예,입력 유형 : 날짜,예,입력 유형 : 날짜,예,입력 유형 : 날짜 로컬,예,입력 유형 : 이메일,예,입력 유형 : 달,예,입력 유형 : 번호,예,입력 유형 : 범위,예,입력 유형 : 검색,예,입력 유형 : 전화,예,입력 유형 : 시간,예,입력 유형 : 홈페이지,예,입력 유형 : 주,예,HTML5 <입력> 태그,를 배울 수 있습니다.
HTML5는 몇 가지 새로운 양식 입력 유형이 있습니다. 이 새로운 기능은 더 나은 입력 제어 및 검증을 제공합니다.
이 장에서는 이러한 포괄적 인 새로운 입력 유형을 설명합니다 :
참고 : 주요 브라우저 모두가 새로운 입력 형식을 지원,하지만 당신은 이미 모든 주요 브라우저에서 사용할 수 있습니다.지원되지 않으면, 여전히 일반 텍스트 필드로 나타날 수 있습니다.
다음과 같이 입력 필드 타입에 사용되는 색상은 주로 색상을 선택하기 위해 사용된다 :
날짜 형식은 날짜 선택기에서 날짜를 선택할 수 있습니다.
날짜 시간 유형은 날짜 (UTC 시간)을 선택할 수 있습니다.
날짜 로컬 유형은 날짜와 시간 (아무 시간대)를 선택할 수 있습니다.
이메일 유형의 전자 메일 주소를 포함한다 입력 필드에 사용된다.
팁 : 사파리 브라우저에서 아이폰 이메일입력 방식을 지원하며, 터치 스크린 키보드를 변경하여 일치 (@ 및 .COM 옵션을 추가) 할 수 있습니다.
달의 유형은 한 달에 선택할 수 있습니다.
숫자 타입 값을 포함해야 입력 필드에 사용된다.
당신은 또한 제한된 숫자를 허용하도록 설정할 수 있습니다 :
디지털 Limited의 유형을 지정하려면 다음 속성을 사용합니다 :
정의 된 모든 속성과 예를하려고 시도
다양한 유형의 수치 범위를 포함해야 입력 필드에 사용된다.
범위 유형은 슬라이더로 표시됩니다.
당신은 (슬라이더 컨트롤처럼) 매우 정확한 값을 정의 할 필요가 없습니다 :
디지털 Limited의 유형을 지정하려면 다음 속성을 사용하십시오 :
이러한 사이트 검색 또는 Google 검색과 검색 창, 검색 유형입니다.
(사이트 검색 또는 Google 검색 유사) 검색 필드를 정의합니다 :
시간 유형은 시간을 선택할 수 있습니다.
URL 형식은 URL 주소를 포함해야합니다 입력 필드에 사용됩니다.
양식이 제출되면 자동 URL 필드의 값을 확인한다.
팁 : 사파리 브라우저에서 아이폰URL을 입력 유형을 지원하고, 일치하는 터치 스크린 키보드를 변경하여 (.COM 옵션을 추가).
주일은 일주일 년의 유형을 선택할 수 있습니다.
标签 | 描述 |
---|---|
<input> | 描述input输入器 |