Como criar Sistema de Cadastro de usuarios e login com PHP e MySQL

Pr. João Goulart 11/17/2022

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.

Como criar Sistema de Login com PHP e MySQL

Assista esta vídeo aula:

Aprenda a criar Sistema de Login utilizando o PHP e MySQL (Mysqli).

HTML

HTML da página de login.

index.php








Como criar Sistema de Cadastro com PHP e MySQL

Assista está video aula:






HTML

HTML da página de cadastro. Baixe o arquivo cadastro.php ou copie o código abaixo.


 <!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>

































Postar um comentário

0 Comentários

Ultimas Noticias

Fazer Depósito do Meu Dízimo