<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<form action="">
用户名:<input type="text" name="Name"><br>
密码:<input type="password" name="Pwd"><br>
<!--emmail:提供了了默认的电子邮箱完整的验证：要求必须包含@符号，同时必须包含服务器名称，
如果不能满足验证，则会阻止当前的数据提交-->
邮箱:<input type="email"><br>
<!--tel:它并不是来实现验证。它的本质是为了能够直接在移动端打开数字键盘。意味着数字键盘限制了用户只能输入数字-->
电话:<input type="tel"><br>
<!--验证只能输入合法的网址：必须包含 http://-->
网址:<input type="url"><br>
<!--只能输入数字(包含小数点)，不能输入其他字符
max:最大值
min:最小值
value:默认值-->
数量:<input type="number" max="100" min="0" value="10"><br>
<!--search:在搜索框内的右边提供一个删除符号-->
商品搜索:<input type="search"><br>
<!--range:范围-->
范围:<input type="range" max="100" min="10" value="20"><br>
颜色:<input type="color"><br>
<!--时间日期相关-->
<!--time:时间(时分秒)-->
时间:<input type="time"><br>
<!--date:日期(年月日)-->
日期:<input type="date"><br>
<!--datetime-local:日期和时间-->
日期时间:<input type="datetime-local"><br>
月份:<input type="month"><br>
星期:<input type="week"><br>
<!--submit:提交-->
<input type="submit" value="提交">
</form>
</body>
</html>
