1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>註冊表單</title> 6 <style type="text/css"> 7 body 8 { 9 border: double; 10 } 11 h2 12 { 13 color: red; 14 font-family: 宋體; 15 } 16 </style> 17 </head> 18 <body class="mybody"> 19 <form action="formz_action.asp" method="get"> 20 <!-- action標籤是提交後跳轉的頁面(攜帶用戶輸入的信息做爲參數) method:傳遞參數的方式 (get/post) maxlength:支持文字的最大長度 placeolder:空白輸入保持內容 21 --> 22 <h2>歡迎來到註冊界面</h2> 23 <p> 24 用戶: 25 <input type="text" name="user"> 26 <br /> 27 密碼: 28 <input type="password" name="password" maxlength="16" placeholder="最多16位"> 29 <br /> 30 確認密碼: 31 <input type="password" name="password" maxlength="16" placeholder="最多16位"> 32 <p> 33 </p> 34 愛好:<br /> 35 看小說 36 <input type="checkbox" name="Novel"><br /> 37 追劇 38 <input type="checkbox" name="Theatergoing"><br /> 39 運動 40 <input type="checkbox" name="Exercise"><br /> 41 音樂 42 <input type="checkbox" name="music"><br /> 43 其餘 44 <input type="checkbox" name="Else"> 45 </p> 46 <p> 47 性別:<br /> 48 男 49 <input type="radio" checked="checked" name="Sex" value="male" /> 50 <br /> 51 女 52 <input type="radio" name="Sex" value="female" /> 53 </p> 54 55 <input type="submit" value="註冊"><br /> 56 <input type="reset" value="重置" > 57 58 </form> 59 60 61 </body> 62 </html>
做爲一個纔在學web前端的小白,今天寫了一個簡陋的註冊表單,分享一下,哈哈哈css