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

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

新老客户大回馈,云服务器低至5折

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

 

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:JS实现图片预加载无需等待

下一篇:Javascript动态引用CSS文件的2种方法介绍