登陆界面设置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <style>
        body,h2,div{
            margin: 0;
            padding: 0;
        }
        #main{
            width: 400px;
            height: 250px;
            border: 1px solid rgb(185,192,204);
            border-radius: 5px;
            box-shadow: 3px 3px 3px #888;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -200px;
            margin-top: -200px;
            /*position: relative;*/
        }
        #in{
             width: 100%;
             height: 160px;
             /*background: #fff;*/

/*line-height: 1.5;*/
             padding-left: 40px;
        }
        #in input{
            line-height: 2;
            margin-top: 25px;
            width: 200px;
            border:1px solid  #C2C2C2;
            border-radius: 3px;
        }
        #in input[type=text]{
            background: url(imgs/user1.png) no-repeat 0 center;
            -webkit-background-size: 20px 20px;
            background-size: 20px 20px;
            padding-left: 22px;
        }
        #in input[type=password]{
            background: url(imgs/lock2.png) no-repeat 0 center;
            -webkit-background-size: 20px 20px;
            background-size: 20px 20px;
            padding-left: 22px;
        }
        label{
            color: #585858;
        }
        #btn{
            width: 100%;
            height: 45px;
            line-height: 45px;
            background: rgb(68,68,68);
            text-align: center;

}
        h2{
            font-size: 25px;
            background: rgb(68,68,68);
            color:#fff;
            text-indent: 15px;
            height: 45x;
            line-height: 45px;
        }
        
    </style>
</head>
<body>
    <div id="main">
        <h2>LOGIN</h2>
        <form action="action/loginAction.php" method="post">
            <div id="in">
                <label for="username">用户名:<input type="text" name="username" id="username" placeholder="输入用户名"></label><br>
                <label for="userpass">密&nbsp;&nbsp;&nbsp;&nbsp;码:<input type="password" name="userpass" id="userpass" placeholder="输入用户密码"></label><br>
            </div>
            <div id="btn">
               <input type="submit" value="登 录">
            </div>
        </form>
    </div>
</body>
</html>

时间: 2024-10-12 07:26:46

登陆界面设置的相关文章

【JavaEE】SSH+Spring Security搭建方法及example

到前文为止,SSH的基本框架都已经搭建出来了,现在,在这基础上再加上权限控制,也就是Spring Security框架,和前文的顺序一样,先看看需要加哪些库. 1. pom.xml Spring Security只需要加上自己的库就可以,先定义一个版本的属性: <properties> <spring.version>4.0.4.RELEASE</spring.version> <hibernate.version>4.3.5.Final</hiber

微信小程序真机调试中一些小问题

今天用mpvue在写微信登录业务处理的时候,遇到了一个奇怪的问题. 想记录一下,以免未来再次踩坑. 环境是这样的,我后台是自己搭建的基于wafer2-node-sdk的业务处理API,使用微信开发者工具调试测试用户登录是没有问题的. 界面如下. 后台通过凭证发送给微信服务器获取到了userInfo. 但是到了真机调试, 就一直是在正在请求中. 而在真机运行中是没有自动清除缓存的机制的,所以如果出现莫名其妙的bug,所以,可以考虑是否是缓存带来的问题. 所以在登陆界面设置一个按钮,触发事件使用ap

iOS 登陆之界面设置

1.界面构成 1.1. 效果图 1.2. 元素 背景图 用户名的输入框 密码的输入框 登陆按钮 忘记密码 用户注册 第三方登陆 两个分割线

android 登陆界面

LoginActivity.java package com.example.ruian; import android.app.Activity; import android.app.AlertDialog; import android.content.DialogInterface; import android.content.Intent; import android.content.SharedPreferences; import android.os.Bundle; impo

linux 本地账号密码无法登陆,一直返回 登陆的login界面

登陆redhat一直是返回login,账号和密码没错 通过ssh crt类的软件远程连接系统 然后更改文件   vi /etc/pam.d/login 把 :session required /lib/security/pam_limits.so 更改为:session required /lib64/security/pam_limits.so wq保存

php判断是手机登陆还是PC登陆

// 判断是手机登陆还是PC登陆 function ismobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) return true; //此条摘自TPM智能切换模板引擎,适合TPM开发 if(isset ($_SERVER['HTTP_CLIENT']) &&'PhoneClient'==$_SERVER['HTTP_CLIENT']) return true; //

登陆密码验证,超过3次退出

import getpass i = 3 while i > 0: x = input ('请输入用户名:') y = getpass.getpass('请输入密码:') if x == '123' and y == '456': print('登陆成功') break else: print('请重新输入') i -= 1 if i == 0: print('错误次数超过3次')

python爬虫 模拟登陆校园网-初级

最近跟同学学习爬虫的时候看到网上有个帖子,好像是山大校园网不稳定,用py做了个模拟登陆很有趣,于是我走上了一条不归路..... 先上一张校园网截图 首先弄清一下模拟登陆的原理: 1:服务器判定浏览器登录使用浏览器标识,需要模拟登陆 2: 需要post账号,密码,以及学校id python走起,我用的2.7版本,用notepad++写的,绑定python可以直接运行 由于是模拟网页登陆,需要导入urllib urllib2 cookielib库,前两个有与网页直接的接口,cookielib就是用来

Eclipse通过jdbc连接数据库制作简单登陆界面

一.前言: 做网站开发,要求有多种搭配方式,前台技术可以使用PHP.ASP.JSP.ASP.NET.CGI等任何一种: 需要用到的基础语言用的最多的就是HTML/CSS.JS.JAVA.XML这些了,HTML/CSS+JS可以实现对界面的描绘渲染,而JAVA则可以做后台数据处理,XML也是可以当作传输数据的介质(思考:XML比HTML强大这么多,为什么它没能替代HTML?): 这篇文章通过简单的JSP文件实现登陆界面,所以只用到了以下技术: HTML/CSS,简单演示就不做CSS样式了,可自行学