自己做的注冊頁面的界面代碼 (學習HTML過程中的小記錄)


自己做的注冊頁面的界面代碼 (學習HTML過程中的小記錄)     作者:王可利(Star·星星)

 

 

效果的樣式  

 

 

主要是運用了:單標簽、input  form

                 text=文本  password=密文輸入  radio=單選    checkbox =多選   vlaue=輸入框里面要寫的字  textarea=復寫框

                 button=普通的按鈕  submit=提交按鈕 reset=重置按鈕 

 

 

代碼如下:

  1 <html>
  3 <head>
  5 <meta charset="UTF-8">
  6 
  7 <title>(注冊頁面)</title>
  8 
  9 </head>
 10 
 13 <body>
 14 
 15 <h2>歡迎注冊“你的星星我的網站”</h2>
 18 
 19 <form>
 22 
 23 請輸入你de名字 : <input type="text" name="賬號" value="可愛滴名字喲!嘎嘎~"> 
 26 
 27 <br><br>
 30 
 31 請輸入你de密碼 : <input type="password" name="密碼" value="密文很安全哦~~ ^_^">
 34 
 35 <br><br>
36 39 你是GG還是MM呀~ : <input type="radio" name="sex">GG <input type="radio" name="sex">MM <input type="radio" name="sex">不告訴你 40 41 42 43 <br><br> 44 47 請選擇你de學歷喲 : <input type="radio" name="study">幼兒園 48 49 <input type="radio" name="study">小學 50 51 <input type="radio" name="study">初中 52 53 <input type="radio" name="study">高中 54 55 <input type="radio" name="study">大學 56 57 <input type="radio" name="study">碩士 58 59 <input type="radio" name="study">博士 60 61 <input type="radio" name="study">更高,更厲害! 62 63 64 65 <br><br> 69 請選擇你de愛好💗 : <input type="checkbox" name="love">睡覺 70 71 <input type="checkbox" name="love">吃飯 72 73 <input type="checkbox" name="love">踢足球 74 75 <input type="checkbox" name="love">打籃球 76 77 <input type="checkbox" name="love">打乒乓球 78 79 <input type="checkbox" name="love">打豆豆 80 81 <input type="checkbox" name="love">打代碼 84 85 <br><br> 88 89 你都會玩什么技能呀 : <input type="checkbox" name="work">HTML 90 91 <input type="checkbox" name="work">CSS 92 93 <input type="checkbox" name="work">JS 94 95 <input type="checkbox" name="work">IOS 96 97 <input type="checkbox" name="work">C語言 100 101 <br><br> 104 105 <p>你來自哪里呀?<select> 106 107 <option vlaue="北京">北京</option> 108 109 <option vlaue="上海">上海</option> 110 111 <option vlaue="廣州">廣州</option> 112 113 <option vlaue="深圳">深圳</option> 114 115 </select></p> 118 119 <p>簽名 : <textarea rows="6" cols="100">請輸入你的簽名呀~~</textarea></p> 122 123 <p>普通按鈕:<button>我是一個可愛的按鈕</button></p> 126 127 <p>提交按鈕:<input type="submit" value="提交"></p> 130 131 <p>重置按鈕:<input type="reset" value="重置"></p> 132 133 </form> 134 135 </body> 136 137 </html>

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM