의견 : 이전에 HTML5의 강력한 기능을 무시했지만 대부분의 데이터를 직접 확인해야한다는 것을 모르겠습니다. 캘린더를 표시하기 위해 추가 기능이 필요하지 않습니다. 나는 당신과 몇 가지 작은 기능을 공유 할 것입니다.
1. 메일 입력 상자는 이메일의 유효성을 자동으로 확인합니다.<! doctype html>
<html>
<body>
<form action = "#"method = "get">
이메일 : <입력 유형 = "이메일"/>
<입력 유형 = "제출"/>
</form>
</body>
</html>
2. 디지털 입력을 통해 올바른지 확인하고 시작 및 끝 비트를 설정할 수 있습니다.
<! doctype html>
<html>
<body>
<form action = "#"method = "get">
<입력 유형 = "숫자"step = "5"min = "5"max = "20"value = "0"/>
<입력 유형 = "제출"/>
</form>
</body>
</html>
3. URL 입력 상자는 URL 입력의 유효성을 확인할 수 있습니다.
<form action =# method = get> url : <입력 유형 = URL 이름 = user_email/> <br/> <입력 유형 = 제출/</form>
4. 데이트 피커 (날짜, 월, 주, 시간, datetime, datetime-local) 선택 상자, 날짜, 시간, 월 및 주를 선택할 수 있습니다.
<! doctype html>
<html>
<body>
<form action = "#"method = "get">
날짜 : <입력 유형 = "날짜"/>
월 : <입력 유형 = "Month"/>
주 : <입력 유형 = "주"/>
시간 : <입력 유형 = "시간"/>
DateTime : <입력 유형 = "dateTime"/>
DateTime-local : <input type = "dateTime-local"/>
<입력 유형 = "제출"/>
</form>
</body>
</html>
5. Datalist 입력 선택.
<! doctype html> <html>
<body>
<form action = "#"method = "get">
웹 페이지 : <입력 유형 = "url"list = "url_list"value = "fdf"/>
<Datalist>
<옵션 레이블 = "W3School"value = "http://www.w3school.com.cn"/>
<옵션 레이블 = "Microsoft"value = "http://www.microsoft.com"/>
</datalist> <입력 유형 = "제출"/>
</form>
</body>
</html>