Blogger Information
Blog 2
fans 0
comment 0
visits 1093
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
2019.04.23黄杰直播作业
小姐,请离开这里的博客
Original
464 people have browsed it
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>2019.04.23黄杰的直播作业</title>
</head>

<body>
<h1>第一题:完成表格的跨行合并功能</h1>
<table border="1" cellspacing="0" cellpadding="5" width="400">
<caption>就业等级表</caption>
<thead bgcolor="lightblue">
<tr>
<th>姓名</th>
<th>学历</th>
<th>年龄</th>
<th>性别</th>
<th>意向工作</th>
</tr>
</thead>
<tbody>
<tr>
<td>张三</td>
<td rowspan="2">本科</td>
<td>24</td>
<td rowspan="2">男</td>
<td>前端工程师</td>
</tr>
<tr>
<td>李四</td>
<td>23</td>
<td>测试</td>
</tr>
<tr>
<td>王二麻子</td>
<td>大专</td>
<td>22</td>
<td>男</td>
<td>后端工程师</td>
<tr>
<td>翠花</td>
<td>研究生</td>
<td>28</td>
<td>女</td>
<td>架构师</td>
</tr>
<tr>
<td>李狗蛋</td>
<td>高中</td>
<td>22</td>
<td>男</td>
<td>搬砖达人</td>
</tr>
<tr>
<td colspan="3">总人数</td>
<td>5</td>
<td bgcolor="#000FF"></td>
</tr>
</tr>
</tbody>
</table>
<hr/>
<h1>第二题:独立完成一个用户注册表单</h1>
<h3 align="center">用户注册</h3>
<form action="" method="get">
<p align="center">
<label for="username">账号</label>
<input type="text" id="username" name="username" placeholder="请输入您的账号" autofocus require>
</p>
<p align="center">
<label for="password">密码</label>
<input type="password" id="password" name="password" placeholder="请不要少于7位" autofocus require>
</p>
<p align="center">
<label for="email">邮箱</label>
<input type="email" id="email" name="email" placeholder="XXXX@XX.com" require>
</p>
<p align="center">
<label for="age">年龄</label>
<input type="number" id="age" name="age" placeholder="请成年后再注册本站" min="18" require>
</p>
<p align="center">
<label for="bir">出生日期</label>
<input type="date" id="bir" name="bir">
</p>
<p align="center">
<label for="education">学历</label>
<select name="education" id="education" size="1">
<optgroup label="统招">
<option value="0" selected>请选择</option>
<option value="1">本科</option>
<option value="2">硕士</option>
<option value="3">博士</option>
</optgroup>
<optgroup label="非统招">
<option value="4">小学</option>
<option value="5">初中</option>
<option value="6">高中</option>
</optgroup>
</select>
</p>
<p align="center">
<label for="hobby">爱好</label>
<input type="checkbox" id="game" name="hobby[]" value="game"><label for="game">打游戏</label>
<input type="checkbox" id="sports" name="hobby[]" value="sports"><label for="sports">运动</label>
<input type="checkbox" id="street" name="hobby[]" value="street"><label for="street">逛街</label>
<input type="checkbox" id="public" name="hobby[]" value="public"><label for="public">公益</label>
</p>
<p align="center">
<label for="male">性别</label>
<input type="radio" name="gender" value="male" id="male"><label for="male">男</label>
<input type="radio" name="gender" value="female" id="male"><label for="female">女</label>
<input type="radio" name="gender" value="secret" id="secret"><label for="secret">保密</label>
</p>
<p align="center">
<label for="comment">个人简介</label>
<textarea name="comment" id="comment" cols="30" rows="10" maxlength="50" plcaholde="请不要超过50字"></textarea>
</p>
<div align="center">
<button type="button">提交</button>
<button type="reset">重置</button>
</div>
</form>
<hr/>
<h1>第三题:制作一个简易的后台首页</h1>
<h2>网站管理系统</h2>
<ul>
<li><a href="http://www.baidu.com" target="main">百度</a></li>
<li><a href="https://www.360.cn/" target="main">360</a></li>
<li><a href="https://www.qq.com/" target="main">腾讯</a></li>
<li><a href="https://www.1688.com/" target="main">阿里</a></li>
</ul>
<iframe docsrc="<h3>网站管理后台</h3>" name="main"></iframe>
</body>

</html>


Correction status:Uncorrected

Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post