HTML实现页面注册

网页版，注册页面

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注册页面</title><!--    引入格式文件--><link rel="stylesheet" href="html&css.css">
</head>
<body>
<style>*{margin: 0px;/*所有的外边距为0*/padding: 0px;/*所有的内边距为0*/box-sizing: border-box;/*规定两个并排的带边框的框*/}body{background: url("image/register_bg.png")no-repeat center;padding-top: 25px;}.rg_layout{width: 900px;height: 500px;border: 8px solid #EEEEEE;/*solid 定义实线*/background-color: white;margin: auto;}.rg_left{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{float: left;}.rg_right{float: right;margin: 15px;padding-left: 50px;}.rg_right p{font-size: 15px;}.rg_right p a{color: coral;}.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: 100px;height: 40px;background-color: #FFD026;border: 1px solid #FFD026;padding-left: 10px;}</style>
<div class="rg_layout"><div class="rg_left"><p>新用户注册</p><p>USER REGISTER</p></div><div class="rg_center"><div class="rg_form"><form action="#" method="post"><table><tr><!--label 标签的作用是当点击文字也会跳到文本输出框--><!--for属性与ID属性对应规定 label 绑定到哪个表单元素。--><td class="td_left"><label for="username">用户名</label> </td><td class="td_right"><input type="text" name="username" id="username"> </td></tr><tr><td class="td_left"><label for="password">密码</label> </td><td class="td_right"><input type="password" name="password" id="password"> </td></tr><tr><!--label 标签的作用是当点击文字也会跳到文本输出框--><td class="td_left"><label for="email">email</label> </td><td class="td_right"><input type="email" name="email" id="email"> </td></tr><tr><td class="td_left"><label for="name">姓名</label> </td><td class="td_right"><input type="text" name="name" id="name"> </td></tr><tr><td class="td_left"><label for="tel">手机号</label> </td><td class="td_right"><input type="text" name="tel" id="tel"> </td></tr><tr><td class="td_left"><label for="checkcode">验证码</label> </td><td class="td_right"><input type="text" name="username" id="checkcode"><input type="button"value="发送验证码">
<!--                            <img src="data:images/verify_code.jpg" id="img_check">--></td></tr><tr><td colspan="2" align="center"><input type="submit" value="注册" id="btn_sub"></td></tr></table></form></div></div><div class="rg_right"><p>已有账号？<a href="../html/登录界面.html">立即登录</a></p></div>
</div>
</body>
</html>

HTML实现页面注册相关推荐

表单提交、页面注册案例
表单属性设置 <form>标签表示表单标签,定义整体的表单区域 action属性设置表单数据提交地址 method属性设置表单提交的方式,一般有"GET"方式和& ...
php页面审核,深入理解用PHP实现页面注册审核
注册页面注册页面用户名: 密码: 姓名: 性别: 生日: 注册处理页面<?php $uid = $_POST["uid"]; $pwd = $_POST["pw ...
微信小程序之程序、页面注册及生命周期
程序注册 App() App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等. object参数说明: 前台.后台定义: 当用户点击左上角关闭,或者按了设备 H ...
登录页面+注册+连接数据库示例
前言本人是一个刚刚学习Java的小萌新,在淘宝上购买的黑马讲的java教程,通过看他的教程学习,总结一点自己的学习过程和碰到的问题,和大家分享一下,若有不对,欢迎大家评论留言呀!!! 一.基于jsp ...
Android开发笔记（一百七十）给App的应用页面注册快捷方式
元数据不单单能传递简单的字符串参数,还能传送更复杂的资源数据,从Android7.1开始新增的快捷方式便用到了这点,譬如在手机上桌面长按支付宝图标,会弹出如下图所示的菜单. 点击菜单项"扫一 ...
html写注册协议页面,注册页面编写（html/css）
图样展示照片在WEB-INF下方的image中特别适用于初学者 regist.html XINGGou 欢迎注册已有帐号? 请登录支持中文.字母.数字."-"." ...
web页面注册验证，实现从后端动态获取证码，到前端页面显示
文章目录前言一.创建生成验证码的工具类二.创建Servlet,将生成的验证码发送到前端页面三.从前端页面接收验证码四.编写js函数,实现点一下获取新的验证码前言验证码模板,可供参考. 一 ...
h5手机页面注册处理(短信验证)
//获取验证码var wait = 60;function time(o) {if(wait == 0) {o.removeAttribute("disabled");o.valu ...
微信小程序-注册登录功能-本地数据保存-页面数据交替
Title:微信小程序-注册登录功能-本地数据保存-页面数据交替完美-小程序登录注册功能.rar-- 访问码:yqa5 1.主页面主页面login.js代码 // pages/login/logi ...
Android注册登录页面
Android注册登录页面需求分析项目目录 .java domain JsonBean.java UserInfo.java utils GetJsonDataUtil.java Login.j ...

HTML实现页面注册

HTML实现页面注册相关推荐

最新文章

热门文章