Scribd Logo
Importer

Bienvenue sur Scribd !

  • Prueba 1

    Transféré par

    Jean Rodríguez
    5 vues3 pages
    Prueba 2

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document
    Prueba 2

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    5 vues3 pages

    Prueba 1

    Transféré par

    Jean Rodríguez
    Prueba 2

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 3

    <html lang="es">

    <head>
    <title>Login Tecnologia Movil</title>
    <style type="text/css">
    *{
    margin:0px;
    padding:0px;
    font-family: sanz-size;
    box-sizing:border-box;
    }

    body{
    background: #81F7F3;
    display: flex;
    min-height:100vh;
    }
    form {
    margin:auto;
    width:50%;
    max-width:500px;
    background: #A9F5BC;
    padding:30px;
    border:1px solid rgba(0,0,0,0.2)
    }
    h2{
    text-align:center;
    margin-bottom:20px;
    color:rgba(0,0,0,0.5)
    }
    input{
    display:block;
    padding:10px;
    width:100%;
    margin:30px 0px;
    font-size: 20px;
    }
    input[type="button"]{
    background: linear-gradient(#FFDA63,#FFB940);
    border:0px;
    color:brown;
    opacity:0.7;
    cursor:pointer;
    border-radius:20px;
    margin-bottom:0px;
    }
    input[type="button"]:hover{
    opacity:1;
    }
    input[type="button"]:active{
    transform: scale(0.95);
    }
    @media(max-width:768px){
    form{
    width:75%;
    }
    }
    @media(max-width:480px){
    form{
    width:95%;
    }
    }
    </style>
    <script>
    function validar(){
    var usuario, clave, expresion;
    usuario = document.getElementById("usuario").value;
    clave = document.getElementById("clave").value;
    if(usuario==="" || clave ===""){
    alert("Hay espacios vacios");
    return false;
    }
    else if(usuario.length > 30 ){
    alert("El nombre de usuario es muy largo");
    }
    else if (clave.length < 8){
    alert("La clave debe ser mayor a 8 caracteres");
    }

    if(usuario==="Jean" && clave === "12345678"){


    alert("Usuario identificado correctamente")
    }else alert("El usuario o clave son incorrectos")
    }
    </script>
    </head>
    <body>
    <form action="">
    <h2>Login Tecnologia Movil</h2>
    <input type="text" id="usuario" placeholder="&#128272; Usuario"
    name="usuario">
    <input type="password" id="clave" placeholder="&#128272; Contraseña"
    name="clave">
    <input type="button" value="Ingresar" onclick="validar();">
    </form>
    </body>

    </html>

    Vous aimerez peut-être aussi