HTML注冊頁面
-
- 實作
- 展示區
實作
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注冊頁面</title>
</head>
<body>
<center>
<form action="#" method="post">
<table >
<tr>
<td><label for="username">使用者名</label></td>
<td><input type="text" name="username" id="username" placeholder="請輸入賬号"></td>
</tr>
<tr>
<td><label for="password">密碼</label></td>
<td><input type="text" name="password" id="password" placeholder="請輸入密碼"></td>
</tr>
<tr>
<td><label for="email">Email</label></td>
<td><input type="email" name="email" id="email" placeholder="請輸入Email"></td>
</tr>
<tr>
<td><label for="phonenumber">手機号</label></td>
<td><input type="text" name="phonenumber" id="phonenumber" placeholder="請輸入您的手機号"></td>
</tr>
<tr>
<td><label>性别</label></td>
<td><input type="radio" name="sex" id="sex" value="man" checked="checked">男
<input type="radio" name="sex" value="woman">女</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="http://img2.imgtn.bdimg.com/it/u=2552264039,4173444553&fm=26&gp=0.jpg" width="20" height="20"/>
</td>
</tr>
<tr ><td colspan="2" align="center"><input type="submit" value="注冊"></td></tr>
</table>
</form>
</center>
</body>
</html>
展示區
注：由于技術有限，驗證碼直接使用了網上的圖檔
![Spring MVC 自學雜記（五） -- SpringMVC與前台的json資料互動[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)