源代码:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html";charset="UTF-8"/>
<title>注册页面</title>
</head>
<body>
<table width="952" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td>
<img height="330" src="C:\Users\堇忆\Pictures\Saved Pictures\魔道.jpg">
</td>
</tr>
<form action="" method="post" enctype="multipart/form-data" name="register" id="register">
<table width="100%" border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="30%" height="20" align="center">用户名:</td>
<td width="70%"><lable for="name"></lable>
<input type="text" name="name" id="name" size="20" maxlength="10" placeholder="用户名不超过10位字符"/></td>
</tr>
<tr>
<td height="30" align="center">密码:</td>
<td><lable for="password"></lable>
<input type="password" name="password" id="password" size="20" maxlength="8" placeholder="密码不超过8位字符"/></td>
</tr>
<tr>
<td height="30" align="center">确认密码:</td>
<td><input type="password" name="password1" id="password1" size="20" maxlength="8" placeholder="请确认密码"/></td>
</tr>
<tr>
<td height="30" align="center">性别:</td>
<td>
<input type="radio" name="radio" id="radio1" value="radio" checked="checked"/>
<label for="radio">男
<input type="radio" name="radio" id="radio2" value="radio"/>
女</label>
</td>
</tr>
<tr>
<td height="30" align="center">爱好:</td>
<td>
<input type="checkbox" name="checkbox" id="checkbox"/>
<label for="checkbox">阅读
<input type="checkbox" name="checkbox" id="checkbox1"/>
唱歌
<input type="checkbox" name="checkbox" id="checkbox2"/>
跳舞
</label>
</td>
</tr>
<tr>
<td height="30" align="center">邮箱:</td>
<td><input type="text" name="email" id="email"/></td>
</tr>
<tr>
<td height="30" align="center">地址:</td>
<td><label for="select"></label>
<select name="select" id="select" size="3">
<option>北京市</option>
<option>上海市</option>
<option>河南省</option>
<option>湖北省</option>
<option>陕西省</option>
<option>其他</option>
</select>
</td>
</tr>
<tr>
<td height="30" align="center">头像:</td>
<td><label for="image"></label>
<input type="file" name="image" id="iamge" size="30" maxlength="30"/></td>
</tr>
<tr>
<td height="30" align="center">自我介绍:</td>
<td><label for="content"></label>
<textarea name="content" id="content" rows="10" cols="50"></textarea></td>
</tr>
<tr>
<td height="50" align="center" valign="middle">
<input type="submit" name="submit" id="submit" value="提交"/>
</td>
<td height="50" align="left" valign="middle">
<input type="reset" name="reset" id="reset" value="重置"/>
</td>
</tr>
</table>
</form>
</table>
</body>
</html>
运行结果图: