데모.html：
<!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>문서</title> <style> form { width: 100%; 최대 너비: 640px; 최소 너비: 320px; 여백: 0 자동; 글꼴 계열: Microsoft Yahei; 글꼴 크기: 20px; } 입력 { 디스플레이: 블록; 너비: 100%; 높이: 30px; 여백: 10px 0; } </style> </head> <body> <form action=> <fieldset> <legend>表单属性</legend> <label for=> email: <input type=email name=email> </label> < label for=> 전화: <입력 유형=전화 이름=전화> <!-- 本身不验证,自己添加验证 --> </label> <label for=> url: <input type=url name=url > </label> <label for=> 번호: <input type=number name=number step=5> <!--输入的是步长的整倍数--> </label> <label for=> 검색: <입력 유형=검색 이름=검색> <!--移动端에서 출력되는 작은 크기의 작은 정보 다운로드--> </label> <label for=> range: <input type=range name=range value=100 min=0 max=300> <!- -默认最작은0 最大100--> </label> <라벨 for=> <label for=> 색상: <input type=color name=color > </label> 시간: <input type=time name=time > </label> <label for=> 날짜: <input type=date 이름=날짜 > </label> <label for=> 월: <input type=month name=month > </label> <label for=> 주: <input type=week name=week > </label> <label for=> 날짜시간: <입력 유형=날짜시간 이름=날짜시간 > </label> <input type=submit value=提交> </fieldset> </form> </body> </html>总结以上所述是小编给大家介绍的HTML5新表单类型示例代码 ，希望对大家有所帮助，如果大家有任何疑问请给我留言，작은 伖会及时回复大家的입니다.