Saltar al contenido

Bootstrap 4 formulario de inicio de sesión w3schools olvido el código de contraseña ejemplo

Bienvenido a nuestro espacio, en este lugar hallarás la solucíon que buscabas.

Ejemplo: pantalla de inicio de sesión html

DOCTYPEhtml><html><head><metaname="viewport"content="width=device-width, initial-scale=1"><style>body ,htmlfont-family: Arial, Helvetica, sans-serif;;formwidth:fit-content;padding:60px;height:fit-content;margin:0 auto;margin-top:2%;background-color:#f9f9f9/* Full-width input fields */.form-controlwidth:100%;padding:12px20px;margin:8px0;display: inline-block;border:1px solid #ccc;box-sizing: border-box;/* Set a style for all buttons */buttonbackground-color:#4CAF50;color:white;border: none;cursor: pointer;width:60%;margin:5px auto;padding:15px;box-shadow:0px5px5px#ccc;border-radius:5px;border-top:1px solid #e9e9e9;display:block;text-align:center;.signupbackground-color:blue;margin-bottom:20px;.login-boxposition: absolute;top:50%;transform:translateY(-50%);padding:15px;background-color:#fff;box-shadow:0px5px5px#ccc;border-radius:5px;border-top:1px solid #e9e9e9;button:hover,#btn-signup:hoveropacity:0.8;/* Center the image and position the close button */.imgcontainertext-align: center;margin:24px012px0;position: relative;img.avatarwidth:40%;border-radius:50%;.containerpadding:16px;span.pswfloat: right;padding-top:16px;h2,ptext-align:center;/* Change styles for span and cancel button on extra small screens */@media screen and(max-width:300px)span.pswdisplay: block;float: none;style>head><body><formaction="/action_page.php"method="post"><h2>Welcome To Newscongragatedh2><p>Sign inp><divclass="container"><labelfor="email"><b>Emailb>label><inputtype="email"class="form-control"id="email"placeholder="Enter your email"requiredpattern='/^(([^<>()[]\.,;:[email protected]"]+(.[^<>()[]\.,;:[email protected]"]+)*)|(".+"))@(([[0-9]1,3.[0-9]1,3.[0-9]1,3.[0-9]1,3])|(([a-zA-Z-0-9]+.)+[a-zA-Z]2,))$/'><labelfor="name"><b>Passwordlabel><inputtype="password"class="form-control"id="password"placeholder="Enter your password"minlength="8"required><buttontype="submit">Loginbutton><buttontype="button"href="account/signup.php"class="signup">
            Sign Up
        button><ahref="./resetpassword.php">Forgot your password? a>div>form>body>html>

Recuerda que tienes la capacidad de parafrasear .

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *