使用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>
標(biāo)簽: