首页 > > 网页制作 > css >

自己做的注册页面的界面代码（学习HTML过程中的…

2018-06-24 00:35:25来源：未知阅读 ()

自己做的注册页面的界面代码（学习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>