JavaWeb8.2【表單標籤案例:註冊頁面(html)】
阿新 • • 發佈:2021-06-26
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>註冊頁面(html)</title> 6 </head> 7 <body> 8 9 <form action="#" method="post"> 10 <table border="1" align="center" width="500"> 11 <tr> 12 <td><label for="username">使用者名稱</label></td> 13 <td><input type="text" name="username" id="username" placeholder="請輸入使用者名稱"></td> 14 </tr> 15 <tr> 16 <td><labelfor="password">密碼</label></td> 17 <td><input type="password" name="password" id="password" placeholder="請輸入密碼"></td> 18 </tr> 19 <tr> 20 <td><label for="email">郵箱</label></td> 21 <td><input type="email" name="email" id="email" placeholder="請輸入郵箱"></td> 22 </tr> 23 <tr> 24 <td><label for="name">姓名</label></td> 25 <td><input type="text" name="name" id="name" placeholder="請輸入姓名"></td> 26 </tr> 27 <tr> 28 <td><label for="tel">手機號</label></td> 29 <td><input type="text" name="tel" id="tel" placeholder="請輸入手機號"></td> 30 </tr> 31 <tr> 32 <td><label>性別</label></td> 33 <td> 34 <input type="radio" name="gender" value="male">男 35 <input type="radio" name="gender" value="female">女 36 </td> 37 </tr> 38 <tr> 39 <td><label for="birthday">生日</label></td> 40 <td><input type="date" name="birthday" id="birthday"></td> 41 </tr> 42 <tr> 43 <td><label for="checkcode">驗證碼</label></td> 44 <td> 45 <input type="text" name="checkcode" id="checkcode" placeholder="請輸入驗證碼"> 46 <img src="../img/verify_code.jpg"> 47 </td> 48 </tr> 49 <tr> 50 <td colspan="2" align="center"><input type="submit" value="註冊"></td> 51 </tr> 52 </table> 53 </form> 54 55 </body> 56 </html>