<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="tiaozhuan.html" method="get">
<fieldset>
<legend>智能表单</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="week" 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>
<tr></tr>
<tr>
<td>
<input type="submit"/>
</td>
<td>
<input type="reset"/>
</td>
</tr>
</table>
</fieldset>
</form>
</body>
</html>
显示如下: