A小学校课程表和登录表单
16lz
2021-03-20
课程表
<!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>
</head>
<body>
<table border="1" width="90%" cellspacing="0" cellpadding="20" align="center">
<caption>
<h1>课程表</h1>
</caption>
<thead>
<tr style="background-color: lightblue;">
<th>时间</th>
<th>周一</th>
<th>周二</th>
<th>周三</th>
<th>周四</th>
<th>周五</th>
</tr>
</thead>
<tbody>
<tr>
<th rowspan="2" style="background-color: rgb(247, 210, 216);">上午</th>
<th>英语</th>
<th>英语</th>
<th>英语</th>
<th>英语</th>
<th>英语</th>
</tr>
<tr>
<th>数学</th>
<th>数学</th>
<th>数学</th>
<th>数学</th>
<th>数学</th>
</tr>
<tr>
<th style="background-color: rgb(247, 210, 216);">中午</th>
<th colspan="5" style="background-color: lightcyan;">午饭</th>
</tr>
<tr>
<th style="background-color: rgb(247, 210, 216);">下午</th>
<th>语文</th>
<th>语文</th>
<th>语文</th>
<th>语文</th>
<th>语文</th>
</tr>
<tr>
<th colspan="6" style="background-color: lightcyan;">备注:每天上学时必须带书包</th>
</tr>
</tbody>
</table>
</body>
</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>Document</title>
<!-- <link rel="stylesheet" href="表单.css"> -->
</head>
<body>
<form action="" method="POST" enctype="multipart/form-data">
<div class="biaodan">
<caption>
<h1>Login</h1>
</caption>
<label>账号: <input type="text" id="username" placeholder="username" required autofocus></label>
<br>
<label>密码: <input type="password" id="password" placeholder="password" required></label>
<br>
<label>邮箱: <input type="email" id="email" placeholder="email" required></label>
<br>
<div>
<label for="secret">性别: </label>
<input type="radio" name="gender" value="male" id="male"><label for="male">男</label>
<input type="radio" name="gender" value="female" id="female"><label for="female">女</label>
<input type="radio" name="gender" value="secret" id="secret" checked><label for="secret">保密</label>
<br>
</div>
<div><label>爱好: </label>
<input type="checkbox" name="hobby[]" id="game" value="game" checked><label for="game">游戏</label>
<input type="checkbox" name="hobby[]" id="sleeping" value="sleeping" checked><label
for="sleeping">睡觉</label>
<input type="checkbox" name="hobby[]" id="programming" value="programming" checked><label
for="programming">编程</label>
</div>
<div>
<label for="">年龄</label>
<select name="age" id="age">
<option value="1">0-10</option>
<option value="2" selected>10-20</option>
<option value="3">20-30</option>
<option value="4">30-40</option>
<option value="5">40-50</option>
<option value="6">50-60</option>
<option value="6" label="60-"></option>
</select>
</div>
<div>
<label for="">得意语言</label>
<input type="search" name="search" id="" list="key">
<datalist id="key">
<option value="html"></option>
<option value="css"></option>
<option value="javascript"></option>
<option value="php"></option>
<option value="python"></option>
</datalist>
</div>
<div>
<button class="button" type="submit">提交</button>
</div>
</div>
</form>
</body>
</html>
更多相关文章
- 课程表学习代码发布
- php 中文网 第十五期——第二课作业
- 表格的练习
- 学生课程表表格/用户注册表单
- html基础:制作简单的表格与表单
- 课程表、用户注册及 css 预习
- markdown的常用语法
- 菜鸟第一步
- Python数据分析难吗?需要英语数学基础吗?