<!DOCTYPE html>
<html lang="en"><head> <meta charset="UTF-8"> <title>表单属性</title></head><body><form action=""> 用户名: <input type="text" name="userName"><br> 密码: <input type="password" name="userPwd"><br> 邮箱:<!-- 邮箱提供默认的验证,要求必须包含@字符--> <input type="email" name="userEmail"><br> 电话<!-- tel并不是实现验证,它的本质目的是为了能够在移动端打开数字键盘,限制了用户只能输入数字--> <input type="tel"><br> 地址: !--验证用户只能输入合法的网址,比u包含http://-- <input type="url"><br> <!--max:最大值 min:最小值 value:默认值--> 数量: <input type="number" value="60" max="100" min="0"><br> 请输入商品名称: <!--search:可以提供人性化输入体验--> <input type="search"><br> range:范围 <input type="range" max="100" min="0" value="50"><br> 颜色始取: <input type="color"><br> 时间: <input type="time"><br> 日期:年月日 <input type="date"><br> <!--datetime:大多数浏览器不能支持的--> 日期时间: <input type="datetime-local"> <br> 月份: <input type="month"><br> 星期: <input type="week"> <input type="submit"></form></body></html>