Material 6 - Tecnologias WEB

HTML FORMULRIO
(continuao)
Ladoservidor(serverside)
Arquivo:formp.html
EXEMPLO:
<!DOCTYPE html>
Neste exemplo vamos enviar e salvar os
<html lang="ptbr">
dados do formulrio em um arquivo
<head>
chamado
arquivo.txt.
Primeiro
<meta charset="iso88591">
criaremos o formulrio e salvaremos com
<title>Enviar dados</title>
o nome formp.html. Depois criaremos o
</head>
arquivo gravar.php aonde os dados
<body>
sero tratados e salvos no arquivo.txt.
<form method="post" action="gravar.php">
<font face="Helvetica">
<label for="data">DATA:</label> <input type="date" name="data">
<p>NOME: <input name="nome" type="text" id="nome">
</p>
<p>CIDADE/ESTADO: <input name="cidade" type="text" id="cidade">
</p>
<p>MENSAGEM:</p>
<p> <textarea name="mensagem" rows="5" id="mensagem"></textarea> </p>
<p> <input type="submit" name="Submit" value="Enviar"> </p>
</font>
</form>
</body>
</html>
Arquivo:gravar.php
<?php
//PEGAOSDADOSENVIADOSPELOFORMULRIO
$data=$_POST["data"];
$nome=$_POST["nome"];
$cidade=$_POST["cidade"];
$mensagem=$_POST["mensagem"];
EXEMPLO:
Salveestecdigocomo
nome:gravar.php
//PREPARAOCONTEDOASERGRAVADO
$conteudo ="Data:$dataNome:$nomeCidade:$cidadeMensagem:$mensagem\r\n";
//ARQUIVOTXT
$arquivo="arquivo.txt";
//TENTAABRIROARQUIVOTXT
if (!$abrir=fopen($arquivo,"a")){
echo "Erroabrindoarquivo($arquivo)";
exit;
}
EXEMPLO:
Continuaodoslideanterior...
Continuaodoarquivo:gravar.php
//ESCREVENOARQUIVOTXT
if (!fwrite($abrir,$conteudo)){
print "Erroescrevendonoarquivo($arquivo)";
exit;
}
echo "Informaesenviadasegravadascomsucesso!!!<br><br>";
//FECHAOARQUIVO
fclose($abrir);
?>
<ahref="http://localhost:81/projects/formp.html">Cliqueaquiparavoltar</a>
Osarquivoscriadosagoradevemficarnaseguintepasta:
Nonavegadorcolocase:localhost:81/projects/.Apareceratelaaseguir.
Agoracliquenoarquivoindicadopelasetaformp.html
paracarreglo:
Carregadooarquivo
formp.html vamospreencher
oscamposdoformulrioeenviar
osdadosparatestlo.
Comoscampospreenchidos
cliquenobotoEnviar
ApsterclicadonobotoEnviarapareceraseguintetelainformando
queaoperaofoirealizadacomsucesso,equesequiserretornarparaa
telainicial,sclicarnolinkindicadoabaixoCliqueaquiparavoltar.
Nodiretrioaondeestoosarquivosformp.htmlegravar.phpestartambm
oarquivo.txtcomasinformaesgravadasdoformulrio,conformemostraa
figuraaseguir.
Clicandonoarquivo.txtpodeseverificarasinformaesdigitadaseenviadas
foramgravadascorretamentenoarquivocomomostradonafiguraaseguir.
Basicamentecomoocorreotratamentodosdados
noformulrio?
Primeiramente, a pgina com o formulrio carregada.
Aps o preenchimento do formulrio, o javascript valida os campos que so
obrigatrios.
Caso estejam preenchidos, envia os dados dos campos para um servidor
tratar as informaes.
Caso campos obrigatrios estejam em branco, emitir uma mensagem de
erro.
Aps o javascript validar os campos, os dados do formulrio so enviados
para o servidor que ir tratlos.
A tarefa de tratar os dados consta na verificao se os campos obrigatrios
foram validados, se os valores esperados foram informados,
armazenamento dos dados no banco de dados, etc...
Aps o tratamento dos dados, as informaes so armazenadas no banco de
dados e uma mensagem de confirmao retornada pelo servidor.
Continua o processo normalmente .....
Exemplodeformulrio HTML

Material 6 - Tecnologias WEB

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Material 6 - Tecnologias WEB

Uploaded by

Copyright:

Available Formats

HTML FORMULRIO

You might also like