Collection
Collection
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>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
