代碼實現:
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>註冊頁面</title> </head> <body> <form action="#" method="GET"> <table border="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>效果圖: