实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
table tr{
text-align: center;
}
</style>
</head>
<body>
<form action="" method="post">
<table border="0" align="center" width="500" cellpadding="8" cellspacing="0" bgcolor="#669966">
<caption><h3>注册</h3></caption>
<tr><td colspan="2"><hr></td></tr>
<tr>
<td width="60" align="right">
<label for="username">用户名</label>
</td>
<td width="300" align="left">
<input type="text" name="username" id="username" placeholder="由字母和数字组成不少与7位" size="30">
</td>
</tr>
<tr>
<td align="right">
<label for="password">密码</label>
</td>
<td align="left">
<input type="password" name="password" id="password" placeholder="6-16个字符，区分大小写" size="30">
</td>
</tr>
<tr>
<td align="right">
<label for="text">邮箱</label>
</td>
<td align="left">
<input type="text" name="email" id="email" placeholder="dsss@163.com" size="30">
</td>
</tr>
<tr>
<td align="right">
<a>性别</a>
</td>
<td align="left">
<input type="radio" name="sex" value="secret" checked="">保密
<input type="radio" name="sex" value="male">男
<input type="radio" name="sex" value="famale">女
</td>
</tr>
<tr>
<td align="right">
<a>如何了解本站</a>
</td>
<td align="left">
<input type="checkbox" name="1[]" value="">保密
<input type="checkbox" name="1[]" value="">朋友安利
<input type="checkbox" name="1[]" value="">网站推广
</td>
</tr>
<tr>
<td align="right">
<a>级别</a>
</td>
<td align="left">
<select name="sel" id="sel">
<option selected="">——请选择——</option>
<option>我是小白</option>
<option>已经入门</option>
<option>我是大神</option>
</select>
</td>
</tr>
<tr>
<td align="right">
<a>头像</a>
</td>
<td align="left">
<img src="img/10.png" height="35">
<input type="file" name="photo" id="photo" accept="image/*">
</td>
</tr>
<tr>
<td align="right"><label for="cont">简介</label></td>
<td align="left"><textarea name="cont" id="cont" rows="5" cols="40" placeholder="在这里留下你的简介"></textarea> </td>
</tr>
<tr>
<td colspan="2" align="center">
<hr>
<input type="submit" name="sub" id="sub" value="提交">
</td>
</tr>
</table>
</form>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
