1、一个简单表格实现
<table border="1" cellpadding="0" cellspacing="0">
<thead>
<tr><th>序号</th><th>姓名</th><th>性别</th><th>年龄</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>zhanshan</td><td>男</td><td>23</td></tr>
</tbody>
<tr><td colspan="3" align="center" >总计人数</td><td>1</td></tr>
</table>
2、表单
<form action="#" method="POST">
<label for="username">用户名:<input type="text" name="username" id="username" autofocus placeholder="请输入用户名:" required></label><br>
<label for="password">密码<input type="password" name="password" id="password"><br>
<label for="birthday">出生年月:<input type="date" name="birthday" id="birthday"><br>
<label for="age">年龄:<input type="number" name="age" id="age"><br>
爱好:体育<input type="checkbox">美术<input type="checkbox"><br>
性别:男<input type="radio" name="sex">女:<input type="radio" name="sex">
出生地:
<select >
<option>安徽</option>
<option>江苏</option>
</select><br>
邮件地址:<input type="email" ><br>
<button>提交</button>
</form>
3简易后台页面
<html>
<head><title>简易登陆页面</title></head>
<body>
<form action="" method="post">
用户名:<input type="text" name="username" id="name"><br>
密码:<input type="password" name="passwd" id="passwd"><br>
<input type="submit" value="提交">
</form>
</body>
</html>