精华内容
下载资源
问答
  • jsp登陆界面源代码

    热门讨论 2013-09-14 19:27:00
    <%@ page language="java" contentType="text/html; charset=GB18030" pageEncoding="GB18030"%>*" %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head> 登录页面</title></head><body>...
  • 仿果壳网手机登陆界面源代码

    千次阅读 2016-05-19 19:18:26
    这是效果  代码如下所示: ... 仿果壳网html5手机登陆界面源代码模板-懒人模板【http://www.lanrenmb.com/zt/】 * {margin:0;padding:0;} body {min-width:320px;font: normal 100%/1.5 "Microsoft YaH

    这是效果 

    代码如下所示:

        <head>
            <title>仿果壳网html5手机登陆界面源代码模板-懒人模板【http://www.lanrenmb.com/zt/】</title>
            <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
            <style>
            * {margin:0;padding:0;}
            body {min-width:320px;font: normal 100%/1.5 "Microsoft YaHei","Hei","WenQuanYi Micro Hei",SimHei,tohoma,sabs-serif;color:#333;background-color:#E6E6E6;}
            .container {margin:0 auto 10px;width: 93.125%;max-width:480px;}
            .ie6 .container {width:480px;}
            /* line */
            .line-wrap {border: 1px solid #c5c5c5; -webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px; background-color: #fff;}
            .line,.line-first,.line-last,.line-agree {display: block;margin:2px 1em;line-height:40px;overflow:hidden;}
            .line-wrap .line-first {border-bottom: 1px solid #c5c5c5;}
            /* form */
            .form {margin-top:10px;}
            .form p input[type=submit], .form p input[type=text] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}
            .form .line input,.form .line-first input,.form .line-last input {float:left;width:100%;height:48px;font-size: 18px;border:none;background:#fff;outline: none;}
            .form .line label,.form .line-first label,.form .line-last label {float:left;margin-right:2.96992481203007%;letter-spacing:0;font-size:24px;color:#999;}
            .form .line-agree {font-size: 11px; margin-left: 20px;}
            .form .line-agree label {margin-left: 5px; line-height: 35px; vertical-align: top}
            .form .line-agree a {text-decoration:none; color: #369ce8; line-height: 35px; vertical-align: top}
            .js .form .line-first,.js .form .line-last {position: relative;}
            .js .form .line-first input,.js .form .line-last input {width: 100%;}
            .js .form .line-first label,.js .form .line-last label {position:absolute;top:10px;left:5%;}
            .js .form .focus label {display:none;}
            .form .form-do input {  font-size:18px;
                                    margin: 6px auto 30px auto;
                                    height: 50px;
                                    width: 100%;
                                    display: block;
                                    border-radius: 5px;
                                    border: none;
                                    color: white;
                                    background-color: #369ce8;
                                    -webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
                                    cursor: pointer;}
            .form .form-do input:hover {background-color: #318ed3;}
            .form .form-do input:disabled {background-color: grey}
            .form .form-tip {overflow:hidden;font-size:14px;font-weight:normal;margin:10px 0; padding: 10px; background-color: #FFC;color: #F11; border-radius:5px; padding:10px;}
            .form .form-tip span{float:left; width:88%;}
            .form .form-tip .form-tip-pic {float:left; width: 20px; height: 20px; margin-right: 10px;
                background-size: 20px 20px;
                background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAMAAADypuvZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGNQTFRF/3R0/62t/2pq/1xc/wQE/7e3/9zc/w4O/y0t/6Cg/x8f/xIS/0ZG/8PD/1BQ/+bm/wEB/3Nz/ygo/0pK/5OT/zMz/6Wl//f3/7m5/6ur//T0/05O/4CA/56e/wAAxNWZ4AAAACF0Uk5T//8An8HQIQAAAVVJREFUeNqc1teSwjAMBVCld9I7rPj/r4QNkw2OJW9kvYXJYTIuuoKnVmPRuXmT+X7W5G5XjPobcP4hqHtUqq8DM1qSFYlak4VHzg2ZujkMCiE63vrZ6niOIKTQ1H7/9RkhtpOOhlg3qoqHM3qk+B/C9KGiQTU0wnT4RlOMVxDG04HCFq8hbMM/BHgVIezIia6jyPmghTgHLMLbsqEEJQiTDa0ytP6iAGUIgzeqpah+wthLUT9CgVKEBXRy1IErRy7kcpRDI0cNZHKUgS9Hvh2y+jyrhbBacqvNtTpGVgeWvhpoMO+rQV9CE6q5626qgGsshlrZFmaohG2WlTeX5exVbLMk2nJ1/yzEveLaMhEA3r5PHhsAetTMO5r5qNFCrdxRyYeaFp8MUuPzHNT0552D+jQSkAuhjwTq8EEtOTV8qGOOtrnMmGM3UFmObnZD4sVx9CXAAAiJONy7/YsnAAAAAElFTkSuQmCC);}
            /* h2 */
            h2 {margin-top:50px;height:1em;line-height:1.5;font-size:0.8em;color:#9ca5ac;border-top:1px #CCC solid;}
            h2 span {margin:0 auto;width:13em;display:block;margin-top:-10px;text-align:center;background-color:#E6E6E6;}
            .ie6 h2 span {position:relative;}
            /* alias */
            .alias {margin-top:15px;}
            .alias a {margin: 0 0 7px;border: 1px solid #c5c5c5; -webkit-border-radius:5px;-o-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#6c717c;text-align: center;text-decoration:none;font-size:1em;background-color: #fff;}
            .alias a:hover {background-color: #c5c5c5;}
            .alias a img {margin-right: 10px;height: 20px;vertical-align:middle;border:none;}
            .ie6 .alias a img {display:none;}
            .alias .line,.alias .line-first,.alias .line-last {padding-top:0;padding-bottom:0;height:50px;line-height:50px;}
            .ie7 .alias span {top:-50%;}
            @media only screen and (-webkit-min-device-pixel-ratio : 2),
            only screen and (min-device-pixel-ratio: 2) {
    
            }
            .error {margin-top:10px;height:40px;line-height:40px;text-align:center;color:#C43C3C;background-color:#F9EBEB;border:1px solid #EDC6C6;-webkit-border-radius:10px;-o-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
            </style>
        </head>
        <body οnlοad="init()">
            <div class="container">
                
                <form method="POST" class="form" novalidate>
                    <input id="csrf_token" name="csrf_token" type="hidden" value="1441683228.88##3baf98ea9fe81018b15255a1a2520f61ae628e42">
                    <input checked id="permanent" name="permanent" type="hidden" value="y">
                    <div class="line-wrap">
                        <p class="line-first">
                            <input type="email" value="" required="" name="email" maxlength="40" id="email" class="placeholder" placeholder="果壳帐号">
                        </p>
                        <p class="line-first ">
                            <input class="placeholder" id="password" name="password" placeholder="密码" required type="password" value="">
                        </p>
                        <p class="line-last">
                            <input class="placeholder" id="captcha" maxlength="4" name="captcha" placeholder="验证码" required type="text" value=""><input type="hidden" name="captcha_rand" id="captchaRand" value="2320687147"><img src="https://account.guokr.com/captcha/2320687147/" id="captchaImage" class="captcha"><span>看不清<a id="changeCaptchaImage" href="#" οnclick="javascript:var pic=document.getElementById('captchaImage');src=pic.src.split('?')[0];var v=new Date().getTime();pic.src=src+'?v='+v;return false;">换一张</a></span>
                        </p>
                    </div>
                    <p class="line-agree">
                    
                        <input type="checkbox" id="agree" checked></input><label for="agree">我已阅读并同意<a href="http://m.guokr.com/help/policy/">《用户服务协议》</a>及<a href="http://m.guokr.com/help/privacy/">《隐私条款》</a></label>
                    
                    </p>
                    <p class="form-do"><input id="btn-submit" type="submit" value="登录"></p>
                </form>
                <h2><span>您还可以用以下方式登录</span></h2>
                <div class="alias">
                    <a class="line-first" href="/qq/sign_in/?display=mobile&success=https%3A%2F%2Faccount.guokr.com%2Foauth2%2Fauthorize%2F%3Fclient_id%3D32353%26display%3Dmobile%26redirect_uri%3Dhttp%253A%252F%252Fm.guokr.com%252Fsso%252Fmobile%252F%253Flazy%253Dy%2526rid%253D1612228310%2526success%253Dhttp%25253A%25252F%25252Fm.guokr.com%25252F%26response_type%3Dcode%26state%3D6a9ab974eb33f03b08e1f4f44c165c0df68e2d5b43de0d96a6623ffed01faad5--1441679627%26suppress_prompt%3D1">
                        <img title="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAjCAYAAAAe2bNZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowN0UwRjFEMEU3QzIxMUUzQkE5RUY2MzA0MEI3QjBCRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN0UwRjFEMUU3QzIxMUUzQkE5RUY2MzA0MEI3QjBCRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3RTBGMUNFRTdDMjExRTNCQTlFRjYzMDQwQjdCMEJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3RTBGMUNGRTdDMjExRTNCQTlFRjYzMDQwQjdCMEJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Dbw9+QAAAjhJREFUeNrMmEtIG1EUhu8kPmohUETx2Sr1UUWhFMFEJQuLRQVBEARRXFkpuHPlwhcuCrabFty4SBaCiKC48bFoS7uQWsUWQd1oF9WdgSiILWIh6H/gKINOZjJJ7o0/fCQzk8x8c+c+R6v2HYko4gFt/FkOMnj/JQiAXfAdLIGfZifa6Mm6+Z5kU+IVeAdehDmugWymAYyCX2AErFid3GFDZAx8MhEJlyqwDKbBw3jIjPPdxZIu8BmkxSLzBgyI+KQWTEQr8wx8FPFND/BGI0MiD0T8M2RXpgI0CTmhVplrR6ZTyItmdKNmMl4hN147Mo8ly5RGKkMdW6FkGbpGXiQyDUJ+qPMbtpKhyvVaqEmrlUyJ0fOUFJeVjEOoy6bZhct4hFWVWrc/8NxIhiZJq+CpQpkUMAUhp17GxbOyDKE+VDLdepn3ikvkzsCJ0klysESvSGyKQIuD5xdOkfh0kEyzuB/xkEzlPZF5QjLJuh37CZTRSOaCNw6pEoH/CgX6eOFHOSCZr2ALNILfwK9IZA9Mgg+8Pa0ZLG+p49sGOZJl2sE8t+R68M1oeRvkx0ULrnRJIjMsQmvtED6+mI3QO/w8zyWIhFhEi2S6UMeVedZsKRpD6LEsgDVQbCXzVkF9uX6tsooxKdVM5pHCpp2pn+2FK5kLGyc8BoOgn+Ym4CTC//2juTYqcNDsZdEc+MGvMF7yfDj/1m/PuPlTRfSBv7pj1KO7QQ3XiQLdep0E/oB1sAhO9Re+EmAA6yFfDry7MkAAAAAASUVORK5CYII=" />
                        QQ帐号登录
                    </a>
                    <a class="line" href="/weibo/sign_in/?display=mobile&success=https%3A%2F%2Faccount.guokr.com%2Foauth2%2Fauthorize%2F%3Fclient_id%3D32353%26display%3Dmobile%26redirect_uri%3Dhttp%253A%252F%252Fm.guokr.com%252Fsso%252Fmobile%252F%253Flazy%253Dy%2526rid%253D1612228310%2526success%253Dhttp%25253A%25252F%25252Fm.guokr.com%25252F%26response_type%3Dcode%26state%3D6a9ab974eb33f03b08e1f4f44c165c0df68e2d5b43de0d96a6623ffed01faad5--1441679627%26suppress_prompt%3D1">
                        <img title="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAiCAYAAAApkEs2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowN0U1MTc1QUU3QzIxMUUzQkE5RUY2MzA0MEI3QjBCRiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowN0U1MTc1QkU3QzIxMUUzQkE5RUY2MzA0MEI3QjBCRiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3RTUxNzU4RTdDMjExRTNCQTlFRjYzMDQwQjdCMEJGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3RTUxNzU5RTdDMjExRTNCQTlFRjYzMDQwQjdCMEJGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+iGGOjQAABLhJREFUeNrEWHtsjlcYbz+f29QsLjHUtbOEsHSZMbcmiBijxGVIJLLEFizSZGxBBXGLiNsfmrgzsVSVIC4hqTWrDf8gw4Kp1VLZTVm16hKl+z3ye+XJyTnnfftVuif55bzfuf6+5zzneZ5zkmtqapKiyq3eaUl1kGRgLjAF6Aq0ZP194AZwEshLu3LrhnVwPRIdDxwM6SNk9gMLQLhEN8SS6k/iEbU+GbgCpUz+vzTaAFgB9AJ+4na/DbwPjAbaWcZ8Ds1uf11Em1ITj8LGY1HXvHFqcjWQqpqqgcEYdz6RrZcxI4FtwG8kWAX8DAxKRNUgUg18h8/ewGnDXLbjj8Rqq9FxKFYBPRxdynmiy10axRyT8DkPaAWUAeeBLWi7xjWaoPgB6KuGjotFJNgaOIzPQx6SIm8BY0Km+4IkxI76AVnAZcw/lX/mCYrp9ACBTIpFICnGfgEYG1Hx3UPaFwJr6VPXUKuyxTuwVgeSvY7ijBrTPx5CMhPFPh6YqHLfYtNdgE48jMUg8rVaY6e4I64xlX9C5Hsgg98dYx6SMuhALUmKXCe5UUAucFemAwqJUsydCzSm9sRNFXBsujFPIA3jDpKyzXsTDAjiDeRAtPb0kTBaQjMQ+YdliuF3A3kWs5AUF5NXh6iVGkIykE/V9xvKawTyrvq+HTdIduHJblwPIbWh+t5EE8tRdUPV96W4IikD8yNq43XIj8q/FqEoMtq1Rou0RrOBPiGTv5B/R4d8FbjDwxJIKzp8iefDWLpka8hasrMzGfmOvoxM0KY48cueDOemRA9gj0EsTMSUZgFfAs2MtkLOdwAafeg41JKoVKG9IiC6j0mBzSfOF2eMzi/qkD11BL4FhjjWmIv5d3vzv+Je3TrTVSQbbRclxmKCUiN7SmOIG0iNiRv5kzYmh6LUsVYj+mVXiF2FtbJ9RLOZJ2oRM8jAwAeKZAOGvCzDx2mRLGoacNjRnsI8tL2jfTjWLHClbMONOkkKJmiSypF/5SGZRDvMY7pmy57EFjd6xs/x5ZbpRp3YY7Fh1CNQfBbRHmWLl3raCz1tH/iItjDqci39ZnkmF2+wyKj72KP5fxO5VwnRSqPuV0s/HSV2kngO/arcaf4w+ktIbOtxWS655vsHkmINUHVNjG1/E0Vz/lwMLFfNT4GzRjgM5KFjzZEeoqd8Gj1m1PWz9NHa1FLiICm7UmFx4BK5Zji4PAZ2+Yju5km32iMOVrmKRvoe05V3H5usc9zZN1vORCBrsNbfTqJoFGe9Xtsj/vl0o1+Q1UjSchw4wljf2XG4bHFcrsITHTzEfFaGXX1FlvFR4JXPBNkJ6vcKOvvnzNwzVQ6pnX2WxUOkMKZ/4+AgwSUTCnvmDaHBdRnE5NHqhLLRGjrnJZikkn3aMnxmMEFuxLt9AW8EZcZWS7jcAHRzrC8PY1MswcX/SMY7tVyuZqvYf49bn8/tDpP2JChzvOfoU8lrSA5IRnpYsD5AgPCHdEMjzCbmo78w66mgY5dk+x3go5ActIqheCUIltXqzdL3UgLCPZlkfOLRTphU85kmn7nng0QmifykA9Kp1Fg6k45OgDwYtFHdxEz+An5nmijPNeeCu77rkSyK/CfAAM01eRs3acyNAAAAAElFTkSuQmCC" />
                        新浪帐号登录
                    </a>
                    <a class="line-last" href="/douban/sign_in/?display=mobile&success=https%3A%2F%2Faccount.guokr.com%2Foauth2%2Fauthorize%2F%3Fclient_id%3D32353%26display%3Dmobile%26redirect_uri%3Dhttp%253A%252F%252Fm.guokr.com%252Fsso%252Fmobile%252F%253Flazy%253Dy%2526rid%253D1612228310%2526success%253Dhttp%25253A%25252F%25252Fm.guokr.com%25252F%26response_type%3Dcode%26state%3D6a9ab974eb33f03b08e1f4f44c165c0df68e2d5b43de0d96a6623ffed01faad5--1441679627%26suppress_prompt%3D1">
                      <img title="" alt="" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAMAAABgOjJdAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAxhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDM0MiwgMjAxMC8wMS8xMC0xODowNjo0MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMkZBREZDQjI5QTYxMUU0QjRBOUJGNTEyMjgzRTM4QSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMkZBREZDQzI5QTYxMUU0QjRBOUJGNTEyMjgzRTM4QSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMyRkFERkM5MjlBNjExRTRCNEE5QkY1MTIyODNFMzhBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMyRkFERkNBMjlBNjExRTRCNEE5QkY1MTIyODNFMzhBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Q7HwRgAAAlVQTFRFBoYdA4QaAH8QsNm32OzcEowoBIUbAHMAdbyCAIIVBYYcAHoHAIIWCIcfRKRWAYMYyeXODYkjBoYeAIASAIMYBoYcBYUcAIMX9Pr1B4Ye9vr2IJM1pNOtIJM0Q51Iv+HFAYQYAYIWAIEUNZ5IUKpfAHEAAoQZz+jTDoolweHGA4Ua4PDjAYASrNezAG0A5/Ppx+LJkMmaBIQbhcSQDokjer+Gx+TNDookjMeXVaxkVa1kAH4OSKZZAoEUG5EwFI0qAHYAQJtFlcyf9/v3zejT1vLYD5AjZbVw+/381+vaAH8PAoQa4/HkHZExRqVYTKhcIpM2A4EU/Pz8L5pDGY8v1+zbAIIXt9y+v9/E+vz6rdi0l82gAYMZ6PXpo9KsB4cdQaJT7vnv2u7duN2+MZtDA4MYQ6NUX7FurNawDYojabR3JZU4G5AwC4cfsNy0/f75cLl+cbx9PKBOrNmyeb+FcLp+D4ol5vLoNZ1Hut++YLJv6/bs6vbsJ5Y8HZEzl8qhC4Ydc7uANZxHvt/Cv9/D7PXtU6tjAIMWYrNxAHUAAHoGHJIv2e3d2fDcstq65e/mXbFt9/f1EYsnX7Jv6+3r3u/hfcCJRqVXAHwMAHgFfciGYbZuWq9q3/HeAH0NKJg7jceX3e7gAHwOAIATc7qASaZalMuayOTMAH0LHJQxAYEU9fr2BIMYZrV04fHixePLb7l9l8+aPaFQ8/nzF48tF44tbLh6fcyF9Pr0fL6IAHwLBYYdLJg/+P35Vq1mAIQXxeTKDYcfE4kjA4QbO55MjBvALgAAAMd0Uk5TAAE/A34AAAIBSURBVHjaYjjGqKAqJMCADQgIqSowHmNglJWX42PHqoKdT05elpFBQUWNl1sKqwopbl41FQ0GVRklkHImTAAyWEnGikGIT4yBgZuXGRNwAZWI8QkxCLALc7NPXseCCTbmaosLs4uC7ONWD41mxAQbKkXFoS7iZnKYzooJYlJjxRGuFmLDBJp8SP7iFp3PgQ5W8iKHEneaXyEnKigL1BZHDj2RdAyHtmurI6lgUrSVRFMgPcVCAlnFgRmSjHpO/DDgpMconZGFrEKAb/8aRhN9HhjQN2F02e7Ai6RCQmiiNKOlIxcMOFoyujRt40J3hxEPnM9jxChdjeoOxWWSjAaGgjBgaMAo3VmOokLZH8O3cxOQU5746r0R5tNq+g5Gamlpta5YH5dsntKsiJryjHntd1XtWLVYVEB0Zs6m/KJ6XmO0FHeEa2tDlG/i7g6J8O6jE3bG1yn7oCdK7sY5bozLe7wZluQtZUwqPSy+B1lWmFdERGSW++xJ8zyCRNYGtOwrWdAFFOEVhqsQ0wQmByH77KmM/cVsmzMLaheGHAIlEDG4X3WdgUkqrLcimFFSh1VnC6Nn2yIvoIizLhNUhbqNBiM2oGEDjn9gWme3M2PBBszs2EFpHZRfhJWZsQFlYXB+Aec5bFkOnOlAeY5wviWc948xulqb4ig/TK1dGY8BBBgAnfJoC4dkm2UAAAAASUVORK5CYII=" />
                       豆瓣帐号登录 </a>
                </div>
            </div>
    		<center><div style="font-size:10px">Copyright&copy;<a href="http://www.lanrenmb.com/" target="_blank">
    懒人模板</a> All Rights Reserved (2013-2015) 版权所有</center>
        </body>
        <script>
            function init(){
                var agree = document.getElementById('agree');
                var btn_submit = document.getElementById('btn-submit');
                var clicker =  function(e) {
                    if(!agree.checked) {
                        btn_submit.disabled = true;
                    } else {
                        btn_submit.disabled = false;
                    }
                }
                agree.addEventListener('click', clicker);
                clicker();
            }
    
        </script>
    
    </html>






    展开全文
  • 登录界面、找回密码界面、修改密码界面源代码。 在制作过程中,有使用CSS、JS、Jquery。其中还有cookie、base64的js插件。 每一次刷新登录页面都可以自动刷新验证码。 提供的源代码仅供参考,如有不足,请多多指教...
  • 微信小程序登陆界面(效果图+源代码

    千次阅读 多人点赞 2020-12-14 15:04:57
    微信小程序登陆界面 login.wxml: <view class="container"> <view class="login-icon"> <image class="login-img" src="../images/loginLog.jpg"></image> </view> <view ...

    微信小程序登陆界面

    login.wxml: 
    <view class="container"> 
      <view class="login-icon"> 
        <image class="login-img" src="../images/loginLog.jpg"></image> 
      </view> 
      <view class="login-from"> 
     
        <!--账号--> 
        <view class="inputView"> 
          <image class="nameImage" src="../images/name.png"></image> 
          <label class="loginLab">账号</label> 
          <input class="inputText" placeholder="请输入账号" 
    bindinput="phoneInput" /> 
        </view> 
        <view class="line"></view> 
     
        <!--密码--> 
        <view class="inputView"> 
          <image class="keyImage" src="../images/key.png"></image> 
          <label class="loginLab">密码</label> 
          <input class="inputText" password="true" placeholder="请输入密
    码" bindinput="passwordInput" /> 
        </view> 
     
        <!--按钮--> 
        <view class="loginBtnView"> 
          <button class="loginBtn" type="primary" size="{{primarySize}}" 
    loading="{{loading}}" plain="{{plain}}" disabled="{{disabled}}" 
    bindtap="login">登录</button> 
        </view> 
      </view> 
    </view> 
     
    login.wxss: 
    page{ 
      height: 100%; 

     
    .container { 
      height: 100%; 
      display: flex; 
      flex-direction: column;   padding: 0; 
      box-sizing: border-box; 
      background-color: #f2f2f2 
    }  
     
    /*登录图片*/ 
    .login-icon{ 
      flex: none; 

    .login-img{ 
      width: 750rpx; 

     
    /*表单内容*/ 
    .login-from { 
      margin-top: 20px; 
      flex: auto; 
      height:100%; 

     
    .inputView { 
      background-color: #fff; 
      line-height: 44px; 

    /*输入框*/ 
    .nameImage, .keyImage { 
      margin-left: 22px; 
      width: 14px; 
      height: 14px 

     
    .loginLab { 
      margin: 15px 15px 15px 10px; 
      color: #545454; 
      font-size: 14px 

    .inputText { 
      flex: block; 
      float: right; 
      text-align: right; 
      margin-right: 22px; 
      margin-top: 11px; 
      color: #cccccc; 
      font-size: 14px } 
     
    .line { 
      width: 100%; 
      height: 1px; 
      background-color: #cccccc; 
      margin-top: 1px; 

    /*按钮*/ 
    .loginBtnView { 
      width: 100%; 
      height: auto; 
      background-color: #f2f2f2; 
      margin-top: 0px; 
      margin-bottom: 0px; 
      padding-bottom: 0px; 

     
    .loginBtn { 
      width: 80%; 
      margin-top: 35px; 

     
    login.js: 
    Page({ 
      data: { 
        phone: '', 
        password:'' 
      }, 
     
    // 获取输入账号 
      phoneInput :function (e) { 
        this.setData({ 
          phone:e.detail.value 
        }) 
      }, 
     
    // 获取输入密码 
      passwordInput :function (e) { 
        this.setData({ 
          password:e.detail.value 
        })   }, 
    // 登录 
      login: function () { 
        if(this.data.phone.length == 0 || this.data.password.length == 
    0){ 
          wx.showToast({   
            title: '用户名和密码不能为空',   
            icon: 'loading',   
            duration: 2000   
          })   
    }else { 
      // 这里修改成跳转的页面 
          wx.showToast({   
            title: '登录成功',   
            icon: 'success',   
            duration: 2000   
          })   
        }   
      } 
    }) 

    这个只是登陆页面,其余页面可以点我主页下载
    key.png

     

    loginLog.jpg

    name.png



       
     

    展开全文
  • 登录界面源代码

    万次阅读 2018-09-17 23:09:28
    一个简单漂亮的登录界面源代码! android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="2" android:gravity="center" android:orientation="vertical...

    一个简单漂亮的登录界面源代码!

    在这里插入图片描述
    在这里插入图片描述

    <?xml version="1.0" encoding="utf-8"?>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="2"
        android:gravity="center"
        android:orientation="vertical">
    
        <TextView
            android:id="@+id/textView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/yhdl"
            android:textColor="#ff0000"
            android:textSize="50dp" />
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <LinearLayout
            android:layout_width="130dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            >
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="right"
                android:textSize="25dp"
                android:text="@string/yhm"
                android:paddingTop="15dp"
                />
            <EditText
                android:layout_width="match_parent"
                android:layout_height="20dp" />
            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:gravity="right"
                android:textSize="25dp"
                android:text="@string/mima"
                android:paddingTop="15dp"
                />
        </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="107dp"
        android:orientation="vertical"
        android:gravity="left">
    
    <EditText
        android:id="@+id/editText7"
        android:layout_width="200dp"
        android:layout_height="5dp"
        android:layout_weight="1"
        android:ems="10"
        android:hint="@string/text"
        android:background="#ffffff"
        android:inputType="textPersonName" />
        <EditText
            android:layout_width="match_parent"
            android:layout_height="20dp" />
        <EditText
            android:id="@+id/editText8"
            android:layout_width="200dp"
            android:layout_height="5dp"
            android:layout_weight="1"
            android:ems="10"
            android:hint="@string/password"
            android:background="#ffffff"
            android:inputType="textPassword"
            />
    </LinearLayout>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="20dp">
    
    </LinearLayout>
    
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="3"
        android:orientation="horizontal">
    
    
    
        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="2"
    
            android:gravity="center"
            android:orientation="horizontal">
    
            <Button
                android:id="@+id/button11"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
    
                android:text="登录"
                android:textSize="30dp"/>
            <TextView
                android:layout_width="20dp"
                android:layout_height="match_parent"
    
                />
    
            <Button
                android:id="@+id/button12"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="top"
                android:text="取消"
                android:textSize="30dp"/>
        </LinearLayout>
    
    
    </LinearLayout>
    
    展开全文
  • JCheckBox check2 = new JCheckBox("自动登陆"); // p1.setSize(360, 200); JPanel p21 = new JPanel(); JPanel p22 = new JPanel(); p21.add(new JLabel("账号:")); p21.add(username); p21.add(new...
  • 模拟登录界面网页源代码

    千次阅读 2018-10-02 17:44:50
    DOCTYPE html&gt; &lt;html&gt;  &lt;head&gt;  &lt;meta charset="utf-8" /&gt;  &lt;title&gt;QQ登录&lt;/title&gt;  &lt;link rel="...

    <!DOCTYPE html>
    <html>

        <head>
            <meta charset="utf-8" />
            <title>QQ登录</title>
            <link rel="stylesheet" href="css/a.css" />
        </head>

        <body>
            
            <div class="one">

                <p>
                    <form method="get">
                        用户名&nbsp;<input type="text" size="15"><br />
                        <br /> 密码&nbsp;&nbsp;&nbsp;
                        <input type="text" size="15"><br /><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                        <input type="submit" value="登录">
                    </form>
                </p>

            </div>
        </body>

    </html>

     

     

    a.css文件

          .one{
        width: 370px;
        height: 280px;
        margin-left: 621px;
        margin-top: 310px;
        margin-right: 540px;
         border: 2px solid black;
        padding-top:100px ;
        padding-left: 80px;
        background-image: url(a.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 500px 500px;
    }

    展开全文
  • HTML5+CSS3 精美登陆界面源码

    千次下载 热门讨论 2016-01-19 09:52:44
    3个很精美的登陆界面,全都是用HTML5+CSS3开发的,所以可能不适合低版本IE浏览器。大家可以下来看看,做的超级漂亮的。
  • 漂亮 后台 登陆界面 管理界面 HTML源码 17种非常漂亮后台登陆界面和管理界面HTML源码,整合网上所有经典,框架,不下后悔终生! 有成套的登陆页面,框架页面,漂亮图片,经典框架
  • java web登录界面 源代码

    千次阅读 2017-11-23 19:21:00
    大概流程: 在java web项目中 导入sqljdbc4的包 在java Resources中完成java代码 在webContent 下建立一个存放自己写jsp的文件夹 ...java web 登录界面源代码: 1.Data_uil.java import java.sql.*; ...
  • html登陆界面源码

    2018-10-29 12:07:09
    前端超级简洁的html源码实例,带摇晃特效的扁平风格登录注册表单界面
  • HTML163网易邮箱登录页面源代码 input标签
  • 18种后台登陆界面HTML源码
  • web-登陆界面html-数据库

    千次阅读 多人点赞 2019-12-05 19:51:06
    概述 项目需要,于是花几天时间改站前端设计一个登录页面。页面设计首先通过html、css等语言完成,然后通过...代码实现(html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="U...
  • 6种后台登陆界面HTML源码,简洁大方,适合各种网站后台管理系统后台,尤其是商务后台管理系统
  • linux下用C语言编写带图形界面的成绩管理系统附带源代码:(下面内容请配合源代码看)  源代码下载地址: ... 或留下联系方式,...(一)登陆界面  输入账号,密码后,如果账号密码匹配则进入系统,否则弹出错误提
  • 导航条源代码

    2012-07-20 10:11:55
    html中的登录界面源代码,提供最简洁的源代码程序
  • html-QQ登陆界面

    千次阅读 多人点赞 2020-02-17 21:43:18
    初学30节课html的入门课程,花了几个小时模仿了一个qq的登陆界面。 效果图如下: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" ...
  • QQ的登录界面 源代码

    2013-01-23 23:19:00
    可是大家知道它的界面是怎么实现的吗?在这里我给大家附上源码,好了不说废话了,实践的案例啊: 参与讨论请点击: http://www.eoeandroid.com/thread-177022-1-1.html 点击此处下载 转载:...
  • 登陆页面html代码

    2018-07-06 21:23:43
    优美的登陆页面 含源代码
  • 自己精心收集漂亮的后台登陆界面管理页面源码html+js,可以结合到ASP.NET(C#),asp,PHP,JSP语言,编写后台功能源码。界面主要包括登陆和管理界面。
  • 网页设计~登陆页面源代码

    千次阅读 2011-12-16 10:33:48
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 注册页面 用户注册    用户名:  <td width="162"><input name="username" type="text" id="username" size=...
  • H5网页版贪吃蛇源代码

    万次阅读 2017-06-15 16:25:27
    H5网页版贪吃蛇源代码,新建文本文档,将下面的代码复制粘贴到文本文档,然后保存文件。重命名文件及后缀名为index.html。将文章最下面的两个图片保存下来,蓝色背景大图重命名为back.jpg,骷髅头的命名为pirate.png...
  • 使用css样式设计一个简单的html登陆界面

    万次阅读 多人点赞 2019-09-05 19:54:26
    利用DIV+CSS布局来制作一个登录...login.html部分: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <!--引入字体图标库--> ...
  • ✨ 愿 你 我 都 成 为 发 光 发 热 之 人 ✨ 01 资源介绍 让我们来利用是HTML,CSS来制作一个优美的登录界面吧。 ...献上源代码哦 在我的微信公众号回复“login”即可(学习微站:studysth) ...
  • 精美html5登陆界面源码,开源源码,可随意修改,动态界面,很漂亮哦~~~
  • 微信小程序登陆注册界面前后端完整代码展示

    万次阅读 多人点赞 2020-01-14 19:09:58
    微信小程序登陆注册界面前后端代码展示 一首先是前端页面效果图 二 登陆限制 登陆没设置太多限制,都...同时满足上面三点则注册成功跳转到登陆界面(其他验证方法可自行选择添加,方式相同) 四 登陆部分完整代码 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,649
精华内容 10,259
关键字:

登录界面html源代码