<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="./css/day17作业.css">
</head>
<body>
<div class="wrap">
<form action="https://www.baidu.com/" target="_blank">
<table>
<tr>
<td>昵称</td>
<td>
<input type="text" placeholder="请输入昵称" autofocus required>[自动获取焦点,验证不能为空]
</td>
</tr>
<tr>
<td>预约码</td>
<td>
<input type="text" placeholder="请输入预约码" pattern="[0-9]">[验证码只能是1-9的数字]
</td>
</tr>
<tr>
<td> 手机号码</td>
<td>
<input type="text" placeholder="请输入 手机号码" autocomplete="off">[验证手机号-关闭自动完成]
</td>
</tr>
<tr>
<td>电子邮箱</td>
<td>
<input type="email" placeholder="请输入电子邮箱" autocomplete="off">[验证格式是否是电子邮箱]
</td>
</tr>
<tr>
<td> 个人博客</td>
<td>
<input type="url" placeholder="请输入个人博客地址" autocomplete="off">[验证url输入域]
</td>
</tr>
<tr>
<td> 最喜欢的颜色</td>
<td>
<input type="color" value="#ff0000">[颜色输入域]
</td>
</tr>
<tr>
<td>预约日期</td>
<td>
<input type="date" value="2022-08-02">[日期选择器]
</td>
</tr>
<tr>
<td>预约时间</td>
<td>
<input type="time" value="19:21">[时间选择器]
</td>
</tr>
<tr>
<td> 上传身份证件+电子报告</td>
<td>
<input class="a1" type="file">
</td>
</tr>
<tr>
<td> <input type="checkbox"></td>
<td>
是否同意网站条款
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="点我预约">
</td>
</tr>
</table>
</form>
</div>
</body>
</html>