Aprenda a como criar um Sistema de Cadastro com PHP e MySQL (Mysqli).
Esse tutorial é uma continuação do Como criar Sistema de Login com PHP e MySQL.
HTML
HTML da página de cadastro. Baixe o arquivo cadastro.php ou copie o código abaixo.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Sistema de Cadastro - PHP + MySQL - Canal TI</title> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet"> <link rel="stylesheet" href="css/bulma.min.css" /> <link rel="stylesheet" type="text/css" href="css/login.css"> </head> <body> <section class="hero is-success is-fullheight"> <div class="hero-body"> <div class="container has-text-centered"> <div class="column is-4 is-offset-4"> <h3 class="title has-text-grey">Sistema de Cadastro</h3> <h3 class="title has-text-grey"><a href="https://youtube.com/canaltioficial" target="_blank">Canal TI</a></h3> <div class="notification is-success"> <p>Cadastro efetuado!</p> <p>Faça login informando o seu usuário e senha <a href="login.php">aqui</a></p> </div> <div class="notification is-info"> <p>O usuário escolhido já existe. Informe outro e tente novamente.</p> </div> <div class="box"> <form action="cadastrar.php" method="POST"> <div class="field"> <div class="control"> <input name="nome" type="text" class="input is-large" placeholder="Nome" autofocus> </div> </div> <div class="field"> <div class="control"> <input name="usuario" type="text" class="input is-large" placeholder="Usuário"> </div> </div> <div class="field"> <div class="control"> <input name="senha" class="input is-large" type="password" placeholder="Senha"> </div> </div> <button type="submit" class="button is-block is-link is-large is-fullwidth">Cadastrar</button> </form> </div> </div> </div> </div> </section> </body> </html> |
 de forma direta e prática.){kind=link}