<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form表单2</title>
</head>
<body>
<form action="" >
<!--fieldset:有特殊的分割线-->
<fieldset>
<!--legend 元素为 fieldset 元素定义标题-->
<legend>html5新增元素 输入类型和风格</legend><table>
<tr>
<td>邮箱</td>
<td><input type="email" name="email"></td>
</tr>
<tr>
<td>地址</td>
<td><input type="url" name="url"></td>
</tr>
<tr>
<td>日期</td>
<td><input type="date" name="date"></td>
</tr>
<tr>
<td>时间</td>
<td><input type="time" name="time"></td>
</tr>
<tr>
<td>月份</td>
<td><input type="month" name="month"></td>
</tr>
<tr>
<td>星期</td>
<td><input type="" name="week"></td>
</tr>
<tr>
<td>滑动条</td>
<td><input type="range" name="range"></td>
</tr>
<tr>
<td>颜色</td>
<td><input type="color"name="color"></td>
</tr>
<td>数字</td>
<td><input type="number" name="数字"></td>
</tr>
<tr>
<td><input type="submit"/></td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>