HTML-用户登录界面

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>用户注册页面</title><link rel="stylesheet" type="text/css" href="UserCss.css"/></head><body><div id="div1"><span id="biaoti"><h1 id="hbiaoti" align="center">欢迎注册</h1></span><form action="http://localhost:8080/test/save" method="get"><table id="GongNenglist" border="0px" cellspacing="0px" cellpadding="20px"><thead align="right"><tr><td><span id="userlist">用户名：</span></td></tr><tr><td><span id="userlist">请设置密码：</span></td></tr><tr><td><span id="userlist">请确认密码：</span></td></tr><tr><td><span id="userlist">电子邮件：</span></td></tr><tr><td><span id="userlist">验证手机：</span></td></tr><tr><td><span id="userlist">短信验证码：</span></td></tr><tr><td><span id="userlist">性别：</span></td></tr><tr><td><span id="userlist">联系地址：</span></td></tr></thead></table><table id="YongHuShuRu" border="0px" cellspacing="0px" cellpadding="13px"><tbody id="wenbenshuru"><tr><td><span><input type="text" name="username" id="user" value=""  placeholder="请输入用户名" /></span></td></tr><tr><td><span><input type="password" name="userpwd" id="user" value="" placeholder="请输入密码" /></span></td></tr><tr><td><span><input type="password" id="user" value="" placeholder="请在此输入密码"/></span></td></tr><tr><td><span><input type="email" name="useremail" id="user" value=""placeholder="请输入邮箱" /></span></td></tr><tr><td><span><input type="tel" name="usertel" id="user" value="" placeholder="请输入电话"/></span></td></tr><tr><td><span><input type="text" name="userYanzheng" style="width: 250px; height: 30px;"placeholder="请输入手机六位验证码" value="" /></span><input id="yanzhengma" type="button" value="获取短信验证码" /></td></tr><tr><td id="user"><span id="sextext"><input type="radio" name="usersex" id="userXB" value="1" checked="checked"/>男<input type="radio" name="usersex" id="userXB" value="0" />女</span></td></tr><tr><td><span><input type="text" name="usermsg" id="user" value="" placeholder="请输入地址"/></span></td></tr><tr><td id="user"><span><input type="checkbox" name="useryes"  value="1" /><font size="2" color="white">我已阅读并同意</font><a href="#" target="_blank">《用户注册协议》</a></span></td></tr></tbody></table><span id="spanzc"><input id="zhuce" type="submit" value="立即注册"/></span><span id="foot"><font size="3" color="white">已有账号</font><a href="#" target="_blank">直接登录</a></span></form></div>      </body>
</html>

CSS文件

     body{background-image: url(imgs/26.jpg);background-size: cover;background-attachment: fixed;}#div1{width: 800px;height: 800px;background-color: #52a0ea;position: absolute;left: 25%;}#spanzc{width: 100px;position: absolute;bottom: 100px;left:200px;}#zhuce{width: 500px;background-color:#5db954 ;height: 40px;color: white;border-style: none;}#hbiaoti{font-family: "楷体";color: white;}#GongNenglist{position: absolute;left: 10%;}#YongHuShuRu{position: absolute;left:200px;top: 90px;}#user{width: 500px;height: 30px;}input{border-radius: 5px;border-style: none;}a{text-decoration: none;cursor: pointer;color: black;}/* a:link{color: black;} *//* a:active{color: blue;} */a:hover{color: red;}/* a:visited{color: darkgray;} */#yanzhengma{border-color: white;border-style: none;width: 160px;height: 40px;margin-left: 20px;background-color: white;}#foot{position: absolute;bottom: 70px;left:200px;}#userlist{color: white;}#sextext{color: white;}

HTML-用户登录界面相关推荐

Bootstrap4+MySQL前后端综合实训-Day06-AM【eclipse详细配置Tomcat、开发web项目、servlet、连接MySQL8.0数据库、用户登录界面的编写与验证、分页查询】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记][附:实训所有代码] 目录 eclipse重置视图 MySQL数据库--建数据库.建数据库 s ...
用户登录界面 - 记事本风格HTML代码
简介: 这是一个记事本风格的用户登录界面,非常逼真,HTML 代码已经改成了中文的,经过测试,兼容 IE6+.Firefox.Chrome 等浏览器. 优化了自适应问题. 喜欢的可以下载. 从dowe ...
php简单的登录界面,PHP实现简单用户登录界面
用PHP实现简单的用户登录界面,供大家参考,具体内容如下首先要实现用户登录界面需要一个html登录表单用户名: 密码: 重复密码: 然后开始按照流程图写PHP代码 if(trim($_POST[' ...
android studio 微信登录界面,如何使用Android Studio开发用户登录界面
满意答案 zhou9081 2016.05.21 采纳率:51% 等级:7 已帮助:411人如何使用Android Studio开发用户登录界面,具体解决方案如下: 解决方案1: <:t ...
用Java实现用户登录界面
基本步骤 1.创建一个窗体 2.给按钮加上监听 3.获取界面输入框中的值给监听 4.存储用户信息 5.实现登录注册逻辑 1.创建一个窗体 public void LE(){JFrame jf=new ...
[bat] cmd命令进入用户登录界面和屏幕保护程序
[bat] cmd命令进入用户登录界面和屏幕保护程序 cmd命令进入用户登录界面 rundll32.exe user32.dll,LockWorkStation cmd命令进入屏幕保护程序 C:\Wi ...
微信小程序用户登录界面，用户名无法切换输入法问题解决方法
[问题描述] iOS下,用户登录界面,两个相邻的input,第一个输入用户名,第二个输入密码(password),若用户手机中只有英文输入法和搜狗输入法的话,点击第一个用户名输入框,会发现出来的键盘是 ...
用户登录界面的测试用例
用户登录界面如何测试这个界面上有两个输入框,一个提交按钮. 在面试时经常会被问到这道题,考察点是面试者是否熟悉各种测试方法.首先,可以询问面试官用户的需求.例如这个登录界面应该是弹出窗口还是直接在网 ...
一个简单的用户登录界面
今天我们学习了如何实现一个简单的用户登陆界面,具体要用到两个jsp和一个servlet,具体操作如下: 首先创建一个用户登录界面,inputview.jsp,其源代码如下所示: <!DOCTYP ...
idea中创建maven依赖下的web工程(一)----用户登录界面
如果你对idea中创建maven依赖下的web工程不是很了解,请参见上一篇博客--idea中创建maven依赖下的第一个web工程各路大神对于idea的基本操作已经非常的熟悉了, 嗯,我还是一只入门 ...

HTML-用户登录界面

HTML-用户登录界面相关推荐

最新文章

热门文章