HTML5는 입력의 새로운 유형을 형성

H5 전자 메일, 전화 번호, 웹 사이트, 수, 검색, 범위, 색상 선택, 날짜와 시간 및 기타 입력 유형을 추가

1. 전자 메일 유형 = "이메일"

잘못된 형식, 양식 제출을 방지 할 수있는 경우 전자 메일 형식은 검증을 제공하는

<div>
    <label for="email">电子邮件</label>
    <input type="email" id="email">
</div>

2. 전화 번호 유형 = "전화"

전화 번호를 확인하지만, 모바일 단말 브라우저 숫자 키패드에서 전화를 사용하지 않음

<div><label>电话:<input type="tel" name="userTel"></label></div>

휴대 전화 단말기의 숫자 키패드

3. URL 유형 = "URL"

검증은 유효한 URL을 입력 할 수 있습니다 및 HTTP를 포함해야합니다 : //

<div><label>网址:<input type="url" name="userUrl"></label></div>

4. 번호 유형 = "숫자"

당신은, 다른 캐릭터의 디지털 입력을 입력 위쪽을 클릭하고 화살표가 PC에 손상이 때 포커스를 취득하기 위해 추가 할 수 아래로 수
의 최대 값과 최소값을 설정할 수 있습니다 범위는 제출 방지에서

<div>
<label>数量:<input type="number" name="userNumber" max="100" min="0"></label>
</div>

5. 검색 유형 = "검색"

탭 상자는이 입력의 내용을 취소하기 위해 "X"가있는 입력 상자의 포커스 권리를 얻는 PC 측
, "검색"으로 표시됩니다 버튼 팁을 입력하고 이동하려면 키보드의 끝에서 검색 또는 PC-히트에 다시 입력을 클릭합니다 양식 제출을 트리거합니다

<div><label>搜索:<input type="search" name="userSearch"></label></div>

pc 끝 search

6. 범위 TYPE = "범위"

값이 변동 값 주위에 끌어 실현 될 수있는
최대 값과 최소값, 중간의 기본 값을 설정

<div>
<label>范围:<input type="range" name="userRange" max="100" min="0"></label>
</div>

7. 색상 선택기 유형 = "색상"

색상을 나타납니다 확인란을 클릭, 당신은 당신이 원하는 색상을 선택할 수있는
16 진수 색상 코드 값을 선택

<div><label>颜色:<input type="color" name="userColor"></label></div>

제 일시

날짜 유형 = "날짜"
시간 유형 = "시간"
날짜 및 시간 유형 = "날짜 로컬은"
PC 측 또는 종료를 클릭 모바일 컨트롤을 나타납니다이든 원하는 값을 사용자가 선택할 수있는

<div>
<label>日期:<input type="date" name="userDate"></label>
</div>
<div>
<label>时间:<input type="time" name="userTime"></label>
</div>
<div>
<label>时间日期:<input type="datetime-local" name="userDatetime"></label>
</div>