<!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>