代碼實作:
<!DOCTYPE html>
<html>
<head en">
<meta charset="UTF-8">
<title>注冊頁面</title>
</head>
<body>
<form action="#" method="GET">
<table 1px" bordercolor="red" bgcolor="#d3d3d3" cellspacing="0px" cellspadding="5px" align="center">
<caption>注冊使用者</caption>
<tr>
<td>使用者名:</td>
<td><input type="text" name="username"/></td>
</tr>
<tr>
<td>密碼:</td>
<td><input type="password" name="password1"/></td>
</tr>
<tr>
<td>确認密碼:</td>
<td><input type="password" name="password2"/></td>
</tr>
<tr>
<td>昵稱:</td>
<td><input type="text" name="nickname"/></td>
</tr>
<tr>
<td>郵箱:</td>
<td><input type="text" name="email"/></td>
</tr>
<tr>
<td>性别:</td>
<td><input type="radio" naem="gender"/>男
<input type="radio" name="gender" checked="checked"/>女</td>
</tr>
<tr>
<td>愛好:</td>
<td><input type="checkbox" name="like"/>籃球
<input type="checkbox" name="like" checked="checked"/>足球
<input type="checkbox" name="like"/>排球</td>
</tr>
<tr>
<td>城市:</td>
<td><select name="city">
<option>北京</option>
<option selected="selected">上海</option>
<option>廣州</option>
</select></td>
</tr>
<tr>
<td>頭像:</td>
<td><input type="file" name="txImg"/></td>
</tr>
<tr>
<td>驗證碼:</td>
<td><input type="text" name="valiimg"/>
<input type="image" src="vc.jpg" width="80px" height="20px"/>
<input type="button" value="換一個"/></td>
</tr>
<tr>
<td>自我描述:</td>
<td><textarea name="description" cols="30" rows="5">請輸入描述資訊...</textarea></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="送出"/>
<input type="reset" value="重置"/></td>
</tr>
</table>
</form>
</body>
</html> 效果圖:
![Docker - Dockerfile之ADD、COPY、WORKDIR、USER、EXPOSE指令詳解[圖]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)