纯HTML实现小作品(3个)
(一)用户注册信息表
1、效果图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ae888a6e947c51a01ee870561220178b.png)
2、实现源码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册页面</title>
</head>
<body>
<center>
<h1>用户注册页面</h1>
<form action="" method="">
<table border="1px" cellspacing="0px" width="520px">
<tr>
<td width="80px" ><center>用户名</center></td>
<td ><input type="text" name="username" /></td>
</tr>
<tr>
<td width="80px" ><center>密码</center></td>
<td ><input type="password" name="pwd" /></td>
</tr>
<tr>
<td width="80px" ><center>确认密码</center></td>
<td ><input type="password" name="pwd" /></td>
</tr>
<tr>
<td width="80px" ><center>电子邮箱</center></td>
<td ><input type="email" name="email" /></td>
</tr>
<tr>
<td width="80px" ><center>网络昵称</center></td>
<td ><input type="text" name="nicheng" /></td>
</tr>
<tr>
<td><center>性别</center></td>
<td>
<input type="radio" name="sex">男
<input type="radio" name="sex">女
</td>
</tr>
<tr>
<td><center>是否有房</center></td>
<td>
<input type="radio" name="house">有
<input type="radio" name="house">没有
</td>
</tr>
<tr>
<td><center>爱好</center></td>
<td>
<input type="checkbox" name="hobbies" />踢足球
<input type="checkbox" name="hobbies" />打篮球
<input type="checkbox" name="hobbies" />唱歌
<input type="checkbox" name="hobbies" />跳舞
<input type="checkbox" name="hobbies" />游泳
</td>
</tr>
<tr>
<td><center>户籍</center></td>
<td>
<select name="city">
<option value="">河北省</option>
<option value="">福建省</option>
<option value="">海南省</option>
<option value="">四川省</option>
</select>
</td>
</tr>
<tr>
<td><center>课程</center></td>
<td>
</td>
</tr>
<tr>
<td><center>头像</center></td>
<td>
<input type="file" name="avatar" />
</td>
</tr>
<tr>
<td><center>个人介绍</center></td>
<td>
<textarea rows="4" cols="22"