<!DOCTYPE html>
<html lang="zh-CN">
<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>Gao的作业1课程表</title>
</head>
<body>
<div>
<table width="800px" border="1px">
<caption><h2>课程表</h2></caption>
<tr>
<th>周1</th>
<th>周2</th>
<th>周3</th>
<th>周4</th>
<th>周5</th>
</tr>
<tr>
<td colspan="5" bgcolor="blue" align="center" >早自习</td>
<!-- <td>早自习</td>
<td>早自习</td>
<td>早自习</td>
<td>早自习</td> -->
</tr>
<tr>
<td>数学</td>
<td rowspan="2">语文</td>
<td>英语</td>
<td>体育</td>
<td>音乐</td>
</tr>
<tr>
<td>体育</td>
<!-- <td>语文</td> -->
<td>数学</td>
<td>英语</td>
<td>科学</td>
</tr>
<tr>
<td>音乐</td>
<td>英语</td>
<td>体育</td>
<td>语文</td>
<td>数学</td>
</tr>
<tr>
<td>英语</td>
<td>数学</td>
<td>体育</td>
<td>语文</td>
<td>科学</td>
</tr>
<tr>
<td colspan="5" align="center" bgcolor="blue" >午休</td>
<!-- <td>午休</td>
<td>午休</td>
<td>午休</td>
<td>午休</td> -->
</tr>
<tr>
<td>体育</td>
<td>音乐</td>
<td>语文</td>
<td>数学</td>
<td>音乐</td>
</tr>
<tr>
<td>英语</td>
<td>语文</td>
<td>美术</td>
<td>体育</td>
<td rowspan="2">数学</td>
</tr>
<tr>
<td>语文</td>
<td>科学</td>
<td>英语</td>
<td>美术</td>
<!-- <td>数学</td> -->
</tr>
<tr>
<td colspan="5" align=center bgcolor="blue" >晚自习</td>
<!-- <td>晚自习</td>
<td>晚自习</td>
<td>晚自习</td>
<td>晚自习</td> -->
</tr>
</table>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="zh-CN">
<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>Gao的作业2-表单</title>
</head>
<body>
<form action="baoming.php" method="POST">
<fieldset style="gap:1em">
<legend><h4>报名表</h4></legend>
<!-- 单行文本 -->
<div class="mingzi">
<label for="xinmin">姓名:</label>
<input type="text" name="mingzi" id="xinmin" placeholder="输入姓名" required autofocus/>
</div>
<!-- 邮箱 -->
<div class="memail">
<label for="youxiang">邮箱:</label>
<input type="email" name="memail" id="youxiang" placeholder="输入邮箱" required />
</div>
<!-- 密码 -->
<div class="pass">
<label for="mima">密码:</label>
<input type="password" name="mpass" id="mima" placeholder="******" required />
</div>
<!-- 年龄 -->
<div class="mnianling">
<label for="nianling">年龄:</label>
<!-- value="30" placeholder="40",经测试,value和placeholder同时有的时候,placeholder失效。 -->
<input type="number" name="mnianling" id="nianling" min="20" max="60" value="30" placeholder="40" required />
</div>
<!-- 出生年月 -->
<div class="mshengri">
<label for="shengri">出生年月:</label>
<input type="date" name="mshengri" id="shengri" required />
</div>
<!-- 拾色器 -->
<div class="myanse">
<label for="yanse">拾色器:</label>
<input type="color" name="myanse" id="yanse" />
</div>
<!-- url -->
<div class="murl">
<label for="url">报名网址:</label>
<input type="url" name="murl" id="url" placeholder="php.cn" required />
</div>
<!-- 搜索 -->
<div class="msousuo">
<label for="sousuo">搜索框:</label>
<input type="search" name="msousuo" id="sousuo" placeholder="输入关键字" />
</div>
<!-- 上传文件 -->
<div class="mwenjian">
<label for="wenjian">上传文件:</label>
<input type="file" name="mwenjian" id="wenjian" accept="file/pdf,file/wps" />
<button type="button" onclick="fileUploads(this,form)">上传</button>
</div>
<!-- 性别 -->
<div class="xinbie">
<label for="baomi">性别:</label>
<input type="radio" name="mxinbie" id="nan" /> <label for="nan">男</label>
<input type="radio" name="mxinbie" id="nv" /> <label for="nv">女</label>
<input type="radio" name="mxinbie" id="baomi" checked /> <label for="baomi">保密</label>
</div>
<!-- 职业 -->
<div class="zhiye">
<label for="zhiye">职业:</label>
<input type="checkbox" name="mzhiye[]" id="laoshi" checked /> <label for="laoshi">老师</label>
<input type="checkbox" name="mzhiye[]" id="jinli" /> <label for="jinli">经理</label>
<input type="checkbox" name="mzhiye[]" id="changzhang" /> <label for="changzhang">厂长</label>
<input type="checkbox" name="mzhiye[]" id="zhuren" checked /> <label for="zhuren">主任</label>
</div>
<!-- 学历 -->
<!-- checked 默认值加上不生效,暂时不知道怎么设置下拉的默认值 -->
<div class="xueli">
<label for="">学历:</label>
<select name="edu" id="edu" form="" >
<option value="">------请选择-------</option>
<optgroup label="高中或专科">
<option value="5">高中</option>
<option value="6">专科</option>
</optgroup>
<optgroup label="本科及以上">
<option value="1">本科学历学位</option>
<option value="2">本科无学位</option>
<option value="3">硕士学历学位</option>
<option value="4">硕士学位</option>
</optgroup>
</select>
</div>
<button type="submit">提交报名</button>
</fieldset>
</form>
</body>
</html>