<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
<!-- 定义表单 -->
<form action='#' method='post'>
<table border='1' align='center' width='500'>
<tr>
<td><label for='username'>用户名</label></td>
<td><input type='text' name='username' id='username'></td>
</tr>
<tr>
<td><label for='password'>密码</label></td>
<td><input type='password' name='password' id='password'></td>
</tr>
<tr>
<td><label for='email'>Email</label></td>
<td><input type='email' name='email' id='email'></td>
</tr>
<tr>
<td><label for='name'>姓名</label></td>
<td><input type='text' name='name' id='name'></td>
</tr>
<tr>
<td><label for='tel'>手机号</label></td>
<td><input type='text' name='tel' id='tel'></td>
</tr>
<tr>
<td><label>性别</label></td>
<td><input type='radio' name='gender' value='male'>男
<input type='radio' name='gender' value='female'>女
</td>
</tr>
<tr>
<td><label for='birthday'>出生日期</label></td>
<td><input type='date' name='birthday' id='birthday'></td>
</tr>
<tr>
<td><label for='checkcode'>验证码</label></td>
<td><input type='text' name='checkcode' id='checkcode'>
<img src='image/verify_code.jpg'>
</td>
</tr>
<tr>
<td colspan='2' align='center'><input type='submit' value='注册'>
</td>
</tr>
</table>
</form>
</body>
</html>，我来为大家讲解一下关于html用户注册页面的设计与实现?跟着小编一起来看一看吧!
html用户注册页面的设计与实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>注册页面</title>
</head>
<body>
<!-- 定义表单 -->
<form action='#' method='post'>
<table border='1' align='center' width='500'>
<tr>
<td><label for='username'>用户名</label></td>
<td><input type='text' name='username' id='username'></td>
</tr>
<tr>
<td><label for='password'>密码</label></td>
<td><input type='password' name='password' id='password'></td>
</tr>
<tr>
<td><label for='email'>Email</label></td>
<td><input type='email' name='email' id='email'></td>
</tr>
<tr>
<td><label for='name'>姓名</label></td>
<td><input type='text' name='name' id='name'></td>
</tr>
<tr>
<td><label for='tel'>手机号</label></td>
<td><input type='text' name='tel' id='tel'></td>
</tr>
<tr>
<td><label>性别</label></td>
<td><input type='radio' name='gender' value='male'>男
<input type='radio' name='gender' value='female'>女
</td>
</tr>
<tr>
<td><label for='birthday'>出生日期</label></td>
<td><input type='date' name='birthday' id='birthday'></td>
</tr>
<tr>
<td><label for='checkcode'>验证码</label></td>
<td><input type='text' name='checkcode' id='checkcode'>
<img src='image/verify_code.jpg'>
</td>
</tr>
<tr>
<td colspan='2' align='center'><input type='submit' value='注册'>
</td>
</tr>
</table>
</form>
</body>
</html>
,
