博客列表 >课程表和注册表单

课程表和注册表单

追梦伟
追梦伟原创
2023年01月19日 16:59:55230浏览

课程表

<table border="1" width="400">

<caption>
课程表
</caption>
<tbody>
<tr>
<th>时间</th>
<th>一</th>
<th>二</th>
<th>三</th>
<th>四</th>
<th>五</th>
</tr>
<tr>
<td rowspan="4">上午</td>
<th colspan="5">体育活动、升旗、广播操</th>
</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>
<th colspan="6">午休</th>
</tr>
<tr>
<td rowspan="4">下午</td>
<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>
<th colspan="5">锻炼一小时</th>
</tr>
</tbody>
</table>
<!--图片展示-->

注册表单

<!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>注册表</title>
</head>

<form action="login.php" metgod="post">
<fieldset style="display: inline-grid; gap: 1em">
<legend>用户注册</legend>
<div class="username">
<label for="uname">用户名:</label>
<input type="text" name="username" placeholder="username" id="uname" autofocus />
</div>
<div class="psw">
<label for="psw">密码:</label>
<input type="password" name="password" id="psw" placeholder="******" required />
</div>
<div class="age">
<label for="age">年龄:</label>
<input type="number" name="age" id="age" value="18" min="18" max="80" step="1" />
</div>
<div class="birthday">
<label for="birthday">生日:</label>
<input type="date" name="birthday" id="birthday" value="1949-01-01" min="1949-01-01" max="2023-01-01" step="1" />
</div>
<div class="url">
<label for="blog">博客:</label>
<input type="url" name="url" id="blog" placeholder="http://" />
</div>
<div class="color">
<label for="color">背景:</label>
<input type="color" name="color" id="color" value="#000000" />
</div>
<div class="search">
<label for="search">搜索:</label>
<input type="search" name="search" id="search" placeholder="输入关键词" />
</div>
<div class="upload">
<label for="upload">头像:</label>
<input type="file" name="upload" id="upload" accept="image/jpeg,image/png" />
<button type="button" >上传</button>
</div>
<div class="gender">
<label for="gender">性别:</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>
</div>
<div class="hobby">
<label >爱好:</label>
<input type="checkbox" name="hobby[]" value="game" id="game" checked /><label for="game">游戏</label>
<input type="checkbox" name="hobby[]" value="trave" id="trave" /><label for="trave">旅游</label>
<input type="checkbox" name="hobby[]" value="shoot" id="shoot" /><label for="shoot">摄影</label>
<input type="checkbox" name="hobby[]" value="program" id="program" checked /><label for="program">编程</label>
</div>
<div class="edu">
<label for="edu">学历:</label>
<select name="edu" id="edu" form="">
<option value="" selected disabled>—请选择—</option>
<option value="0">文盲</option>
<optgroup label="义务教育">
<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>
<option value="7">博士</option>
</optgroup>
</select>
</div>
<div class="like">
<label for="keyword">语言: </label>
<input type="search" name="language" list="details" id="keyword" />
<datalist id="details">
<option value="html">html</option>
<option value="css">css</option>
<option value="js">js</option>
<option value="php">php</option>
<option value="vue">vue</option>
<option value="node">node</option>
</datalist>
</div>
<div>
<label for="comment">备注:</label>
<textarea name="comment" id="comment" cols="30" rows="5" maxlength="200" style="resize: none">
Hello world
</textarea>
</div>
<button>注册</button>
</fieldset>
</form>
</body>
</html>
<!--图片展示-->

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议