LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code


   
      
      Login Form
   

   

Login Form Using JavaScript

 HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
 HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
HEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE
CSS
#center
{
    text-align:center
}
#center input
{
    height:19px;
    width:192px;
    font-size:20px;
    padding:10px;
}
#center button
{
    width:86px;
    font-size:20px;
    height:43px;
    font-weight:bold;
}
#center #test
{
    background:red;
    font-size:40px;
    font-weight:bold;
}



#show
{
    text-align:center
}
#show input
{
    height:19px;
    width:192px;
    font-size:20px;
    padding:10px;
}
#show button
{
    width:86px;
    font-size:20px;
    height:43px;
    font-weight:bold;
}
#test2
{
    text-align:center;
    background:red;
    font-size:40px;
    font-weight:bold;
    
}

#second
{
    z-index:2;
    position:relative;
    top:50px;
    text-align:center
}
#second span
{
    color:white;
    background:white;
}
.span1
{
    position:relative;
    top:2px;
}
.span2
{
    position:relative
}
.span3
{
    position:relative;
    bottom:2px
}
#show
{
    z-index:1
}
JS
var myInput    = document.getElementById("input"),
    myDiv      = document.getElementById("test"),
    hideDiv    = document.getElementById("second"),
    myPassword = document.getElementById("mypassword"),
    myDiv2     = document.getElementById("test2");

function check()
    {
        if(myInput.value==="taha")
            {
                "use strict";
                
                hideDiv.innerHTML = "";
                myDiv.innerHTML = "
Correct
"; } else if(myInput.value==="") { myDiv.innerHTML = "Username Cant Be Empty"; } else { myDiv.innerHTML = "Wrong Username"; } }; function checkTwo() { if(myPassword.value==="tahatthh") { myDiv2.innerHTML = "
Accepted , You Can Enter To The WebSite
"; } else if(myPassword.value==="") { myDiv2.innerHTML = "Cant Be Empty"; } else { myDiv2.innerHTML = "InCorrect Password"; } }
Host Instantly Drag and Drop Website Builder

 

Description

Login Form Using JavaScript
Term
Tue, 12/26/2017 - 09:49

Related Codes

Pen ID
Pen ID
Pen ID