A
ideia agora é criar um formulário em HTML para receber, validar e
permitir o envio de informações para um script PHP que será
responsável por gravar no banco de dados MySQL, criado no post
anterior no PHPMYADMIN.
Passo
1: criar o formulário em HTML, para isso vou utilizar o
Bluefish, mas pode ser feito em qualquer editor simples de texto,
como o Bloco de notas ou até mesmo uma potente ferramenta de
desenvolvimento Web.
Abaixo
segue o código do formulário:
<html>
<body>
<p><h2>Cadastro
de Alunos:</h2></p>
<form
method="post" action="gravar_cadastro.php">
Nome
do Aluno(a): <input type="text" name="nome"
size="25" maxlength="80" autofocus required
placeholder="Nome completo">
<br>
Endereço
do Aluno(a): <input type="text" name="endereco"
size="30" maxlength="100" required
placeholder="Endereço completo">
<br>
E-mail
do Aluno(a): <input type="email" name="email"
size="35" maxlength="100" required
placeholder="E-mail do aluno">
<br>
Data
de Nascimento: <input type="date" name="nascimento"
required placeholder="dd/mm/aaaa">
<br>
<input
type="submit" value="Gravar">
</form>
</body>
</html>
Algumas
características do código:
- Tag <form>: utilizada para gerar a área correspondente ao formulário e seus respectivos campos. Neste mesmo comando temos o método de envio por meio de postagem de variáveis (method=”post”) e a ação resultante do envio de dados (action=”gravar_cadastro.php”), ou seja, o envio dos dados recebidos do usuário para o script que é responsável pela gravação no banco.
- Tag input: utilizada para gerar um determinado tipo de campo no formulário.
- Comando “name”: identifica o campo.
- Comando “size”: tamanho visual do campo.
- Comando “maxlength”: largura máxima de caracteres no campo.
- Comando “autofocus”: posiciona o cursor do teclado no campo desejado.
- Comando “required”: estabelece que o campo não pode ser vazio.
- Comando “placeholder”: imprime um modelo de preenchimento no campo.
- Tipos de campos:
- text: campo de texto
- e-mail: campo de texto exclusivo para e-mail
- date: campo de texto exclusivo para datas, em alguns navegadores é mostrado um calendário para facilitar o preenchimento da mesma.
- submit: gera um botão para submeter o formulário.
Passo
2: criando o script que vai receber os dados do formulário e
gravar no banco de dados MySQL, neste caso o programa vai contar com
a conexão com o banco de dados, o recebimento das informações do
formulário e por último a gravação no banco.
Abaixo
o código do programa:
Algumas
características do código:
Linha
4: estabelece a conexão com o servidor, neste caso localhost por se
tratar da máquina local.
Linha
5: seleciona o banco de dados.
Linhas
8, 9, 10, 11: atribuem as variáveis $nome, $endereco, $email e
$nascimento os valores enviados pelo formulário.
Linha
14: utilizando o comando “insert into” é feito a gravação dos
dados na tabela “alunos” do banco de dados “escola”.
Linha
18: é exibida uma mensagem para alertar o usuário do cadastro
realizado.
Passo
03: Teste básico de envio de dados
Inserindo
os dados no formulário.
Dados
já gravados no banco de dados, visualizado pelo PHPMYADMIN.
Nenhum comentário:
Postar um comentário