Collection
Collection
写一个注册表单,尽量用到课堂上提及的所有控件```html
<!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>用户注册</title>
</head>
<body>
<form action="05.php" method="post">
<legend><h2>用户注册</h2></legend>
<div>
<label>用户名：</label>
<input type="text" name="user" placeholder="请输入用户名..." />
</div>
<div>
<label>邮箱：</label>
<input type="email" name="my_email" placeholder="请输入邮箱地址..."/>
</div>
<div>
<label>密码：</label>
<input type="password" name="password" placeholder="请输入密码..."/>
</div>
<div>
<label>年龄：</label>
<input type="int" value="20" min="20"/>
</div>
<div>
<label>生日：</label>
<input type="date" />
</div>
<div>
<label>博客：</label>
<input type="text" value="http://"/>
</div>
<div>
<label>背景：</label>
<input type="color"/>
</div>
<div>
<label>搜索：</label>
<input type="text" placeholder="请输入关键字..."/>
</div>
<div>
<label>头像：</label>
<input type="file" />
<button>上传</button>
</div>
<div>
<label>性别：</label>
<input type="radio" name="sex" value="男"/>男
<input type="radio" name="sex" value="女"/>女
<input type="radio" name="sex" value="保密"/>保密
</div>
<div>
<label>爱好：</label>
<input type="checkbox" value="游戏" name="like"/>游戏
<input type="checkbox" value="旅游" name="like"/>旅游
<input type="checkbox" value="摄影" name="like"/>摄影
<input type="checkbox" value="编程" name="like"/>编程
</div>
<div>
<label>学历：</label>
<select>
<option value="--请选择--">—请选择—</option>
<option value="本科">本科</option>
<option value="大专">大专</option>
<option value="中专">中专</option>
<option value="高中">高中</option>
</select>
</div>
<div>
<label>语言:</label>
<input type="text"/>
</div>
<div>
<label>备注：</label>
<textarea></textarea>
</div>
</form>
</body>
</html>
写一个课程表, 要求用到行与列的合并
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!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>016作业（表格）</title> <style> .tb{ width:800px; height:400px; text-align: center; } </style></head><body> <table class="tb" cellspacing="0" border="1"> <caption><h2>课程安排表</h2></caption> <tr> <th colspan="2">时间\类别</th> <th>星期一</th> <th>星期二</th> <th>星期三</th> <th>星期四</th> <th>星期五</th> </tr> <tr> <td rowspan="4">上午</td> <td>第一节</td> <td>数学</td> <td>语文</td> <td>英语</td> <td>语文</td> <td>语文</td> </tr> <tr> <td>第二节</td> <td>数学</td> <td>语文</td> <td>英语</td> <td>语文</td> <td>语文</td> </tr> <tr> <td>第三节</td> <td>数学</td> <td>语文</td> <td>英语</td> <td>语文</td> <td>语文</td> </tr> <tr> <td>第四节</td> <td>数学</td> <td>语文</td> <td>英语</td> <td>语文</td> <td>语文</td> </tr> </table></body></html>```