標籤:確認密碼 border name username length ima 註冊 end max
1 <html> 2 <head> 3 <title>新使用者註冊</title> 4 <meta charset="utf-8"> 5 <style> 6 li{ 7 list-style-type: none; 8 } 9 </style>10 </head>11 <body>12 <center>13 <form action="#" method="post" name="myForm">14 <fieldset>15 <legend>註冊使用者</legend>16 <center>17 <ul>18 <li> 用 戶 名:<input name="username" type="text" maxlength="20"></li>19 <li> 密 碼:<input type="password" name="pwd1" size="20" maxlength="20"></li>20 <li> 確認密碼:<input type="password" name="pwd2" size="20" maxlength="20"></li>21 <li>22 性 別:<input type="radio" name="sex" class="noborder" value="男" checked>男 23 <input type="radio" name="sex" class="noborder" value="女" >女24 </li>25 <li>26 愛好:<input type="checkbox" name="hobby" value="體育">體育27 <input type="checkbox" name="hobby" value="旅遊">旅遊28 <input type="checkbox" name="hobby" value="聽音樂">聽音樂29 <input type="checkbox" name="hobby" value="看書">看書30 </li>31 <li>E-mail:<input type="text" name="email" size="50"></li>32 <li>33 <input type="submit" class="btn" value="確定並儲存">34 <input type="reset" class="btn" value="重新填寫">35 <input type="image" class="btn" value="?登陸" src="images/btn_jpg">36 </li>37 </ul>38 </center>39 </fieldset>40 </form>41 </center>42 </body>43 </html>
運行結果如下:
html學習之簡單註冊表單