HTML注册页面制作

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>注册页面</title><style>*{margin: 0px;padding: 0px;box-sizing: border-box;}body{background: url(img/背景.jpg) no-repeat center;}.rg_layout{width: 900px;height: 500px;border:8px solid #EEEEEE;background-color: white;/*让div水平居中*/margin: auto;margin-top: 15px;}.rg_left{/*border: 1px solid red;*/float: left;margin: 15px;}.rg_left > p:first-child{color: #FFD026;font-size: 20px;} .rg_left > p:last-child{color: #A6A6A6;font-size: 20px;} .rg_center{/*border: 1px solid red;*/float: left;width: 450px;}.rg_right{/*border: 1px solid red;*/float: right;margin: 15px;}.rg_right > p:first-child{font-size: 15px;} .rg_right p a{color: pink;}.td_left{width: 100px;text-align: right;height: 45px;}.td_right{padding-left: 50px;}#username,#password,#email,#name,#tel,#birthday,#checkcode{width: 251px;height: 32px;border: 1px solid #A6A6A6;/*设置边框圆角*/border-radius: 5px;padding-left: 10px;}#checkcode{width: 110px;}#img_check{height: 32px;vertical-align: middle;}#btn_sub{width: 150px;height: 40px;background-color: #FFD026;border: 1px solid #FFD026;}</style></head><body><div class="rg_layout"><div class="rg_left"><p>新用户注册</p><p>USER REGISTER</p></div><div class="rg_center"><div class="rg_form"><!--定义表单 form--><form action="#" method="post"><table><tr><td class="td_left"><label for="username">用户名</label></td><td class="td_right"><input type="text" name="username" id="username" placeholder="请输入用户名"></td></tr><tr><td class="td_left"> <laber for="password">密码</laber></td><td class="td_right"><input type="password" name="password" id="password" placeholder="请输入密码"></td></tr><tr><td class="td_left"><label for="name">姓名</label></td><td class="td_right"><input type="text" name="name" id="name"placeholder="请输入姓名"></td></tr><tr><td class="td_left"><label for="email">Email</label></td><td class="td_right"><input type="email" name="email" id="email" placeholder="请输入邮箱"></td></tr><tr><td class="td_left"><label for="name">姓名</label></td><td class="td_right"><input type="text" name="name" id="name" placeholder="请输入姓名"></td></tr><tr><td class="td_left"><label for="tel">手机号</label></td><td class="td_right"><input type="text" name="tel" id="tel" placeholder="请输入手机号"></td></tr><tr><td class="td_left"><label>性别</label></td><td class="td_right"><input type="radio" name="gender" value="male">男<input type="radio" name="gender" id="female">女</td></tr><tr><td class="td_left"><label for="birthday">出生日期</label></td><td class="td_right"><input type="date" name="birthday" id="birthday" placeholder="请输入出生日期"></tr><tr><td class="td_left"><label for="checkcode">验证码</label></td><td class="td_right"><input type="text" name="checkcode" id="checkcode"><img id="img_check" src="img/验证码.jpg"></td></tr><tr><td colspan="2" align="center"><input type="submit" id="btn_sub" value="注册"></td></tr></table></form></div></div><div class="rg_right"><p>已有账号?<a href="#">立即登录</a></p></div></div></body>
</html>

HTML注册页面制作相关推荐

html千年之恋的图片,HTML+CSS+JavaScript项目6 “千年之恋”注册页面制作_0525_连蕊.pptx...
项目6 "千年之恋"注册页面制作;;知识引入;1;1.表格的创建创建表格的具体语法格式如下: 对上述语法的具体解释如下: :用于定义一个表格.:用于定义表格中的一行,必须嵌套在标记 ...
“千年之恋”注册页面制作
"千年之恋"注册页面制作一.实验名称: 二.实验日期: 三.实验目的: 四.实验内容: 五.实验步骤: 六.实验结果: 七.源程序: 八.心得体会: 一.实验名称: " ...
一个简单的注册页面制作
一个简单的网页–流水哗啦啦购物平台: 点击注册新用户后,出现的注册页面: 当密码少于八位时出现的提示: 当密码格式不正确时出现的提示: 当年龄格式不正确时出现的提示:(年龄有效格式为1-120之间的数 ...
记账APP：小哈记账2——注册页面的制作
项目介绍: 小哈记账是一款用于记账APP,基于Android Studio开发工具,采用Java语言进行开发,同时使用litepal和阿里云数据库进行数据的增删查改,以图标的形式在App的界面上显示. ...
六、WebApp 二手信息站点页面制作（IVX 快速开发教程）
六.二手信息站点页面制作在了解了基础可视组件后,我们可以通过这些可视组件进行站点页面开发,在此以一个二手交易网站站点页面为例,本教程示例并不是成熟完善的示例,需要各位读者进行少量完善,示例只是用于功 ...
【原型制作】无素材-纯原生制作-登录注册页面原型图
有一段时间没有做过原型图了,现在因为项目需要,得做一套完整的原型图,由于时间关系,考虑制作低保真的原型,虽然低保,还是得抓一把细节,嘻嘻,在这里记录下登录注册页面纯原生做法的全过程. 工具:Axure ...
html制作登陆注册页面
html制作登陆注册页面源代码如下 <!DOCTYPE html> <html lang="en"> <head><meta chars ...
html做一个甜品登录注册页面,html西式甜品网制作.docx
PAGE PAGE # / 13 西式甜品网"首页面制作 .案例描述 1.考核知识点 ? 盒子模型 ? 元素的浮动与定位 2.练习目标 ? 掌握盒子的相关属性. ? 掌握元素的浮动与定位. ...
html登录页面用idea,利用IDEA怎么制作一个登录注册页面
利用IDEA怎么制作一个登录注册页面发布时间:2020-12-19 14:02:09 来源:亿速云阅读:186 作者:Leah 利用IDEA怎么制作一个登录注册页面?很多新手对此不是很清楚,为了帮 ...

HTML注册页面制作

HTML注册页面制作相关推荐

最新文章

热门文章