自己做的注册页面的界面代码 (学习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>
作为程序猿界的一股泥石流,希望作为老司机的你们 ,可以带带我~ O(∩_∩)O