Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

MarkedOne

Criar formulário usando código HTML

Por , em PHP

Recommended Posts

MarkedOne    0

MarkedOne
Postado

Pessoal, estou querendo fazer um formulário identico ao de contato, só que não é bem de contato, é que eu vou vender jogos e queria um formulário de endereço de entrega do cliente.

 

Achei na net esse codigo HTML, e serve muito bem pro que estou querendo fazer, mas é um formulário de cadastro, e eu queria adaptá-lo pra formulário de endereço de entrega, de forma que ao enviar, fosse enviado o endereço pro meu e-mail.

 

O código:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CADASTRO DE CLIENTES COM BANCO DE DADOS E PHP</title>
<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-size: x-small;
}
.style3 {color: #0000FF; font-size: x-small; }
</style>
<script type="text/javascript">
function validaCampo()
{
if(document.cadastro.nome.value=="")
{
alert("O Campo nome é obrigatório!");
return false;
}
else
if(document.cadastro.email.value=="")
{
alert("O Campo email é obrigatório!");
return false;
}
else
if(document.cadastro.endereco.value=="")
{
alert("O Campo endereço é obrigatório!");
return false;
}
else
if(document.cadastro.cidade.value=="")
{
alert("O Campo Cidade é obrigatório!");
return false;
}
else
if(document.cadastro.estado.value=="")
{
alert("O Campo Estado é obrigatório!");
return false;
}
else
if(document.cadastro.bairro.value=="")
{
alert("O Campo Bairro é obrigatório!");
return false;
}
else
if(document.cadastro.pais.value=="")
{
alert("O Campo país é obrigatório!");
return false;
}
else
if(document.cadastro.login.value=="")
{
alert("O Campo Login é obrigatório!");
return false;
}
else
if(document.cadastro.senha.value=="")
{
alert("Digite uma senha!");
return false;
}
else
return true;
}
<!-- Fim do JavaScript que validará os campos obrigatórios! -->
</script>
</head>

<body>
<form id="cadastro" name="cadastro" method="post" action="cadastro.php" onsubmit="return validaCampo(); return false;">
 <table width="625" border="0">
   <tr>
     <td width="69">Nome:</td>
     <td width="546"><input name="nome" type="text" id="nome" size="70" maxlength="60" />
       <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>Email:</td>
     <td><input name="email" type="text" id="email" size="70" maxlength="60" />
     <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>Sexo:</td>
     <td><input name="sexo" type="radio" value="Masculino" checked="checked" />
       Masculino 
       <input name="sexo" type="radio" value="Feminino" />
       Feminino <span class="style1">*</span> </td>
   </tr>
   <tr>
     <td>DDD:</td>
     <td><input name="ddd" type="text" id="ddd" size="4" maxlength="2" />
     Telefone:
       <input name="telefone" type="text" id="telefone" />
       <span class="style3">Apenas números</span> </td>
   </tr>
   <tr>
     <td>Endereço:</td>
     <td><input name="endereco" type="text" id="endereco" size="70" maxlength="70" />
       <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>Cidade:</td>
     <td><input name="cidade" type="text" id="cidade" maxlength="20" />
       <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>Estado:</td>
     <td><select name="estado" id="estado">
       <option>Selecione...</option>
       <option value="AC">AC</option>
       <option value="AL">AL</option>
       <option value="AP">AP</option>
       <option value="AM">AM</option>
       <option value="BA">BA</option>
       <option value="CE">CE</option>
       <option value="ES">ES</option>
       <option value="DF">DF</option>
       <option value="MA">MA</option>
       <option value="MT">MT</option>
       <option value="MS">MS</option>
       <option value="MG">MG</option>
       <option value="PA">PA</option>
       <option value="PB">PB</option>
       <option value="PR">PR</option>
       <option value="PE">PE</option>
       <option value="PI">PI</option>
       <option value="RJ">RJ</option>
       <option value="RN">RN</option>
       <option value="RS">RS</option>
       <option value="RO">RO</option>
       <option value="RR">RR</option>
       <option value="SC">SC</option>
       <option value="SP">SP</option>
       <option value="SE">SE</option>
       <option value="TO">TO</option>
         </select>
       <span class="style1">*      </span></td>
   </tr>
   <tr>
     <td>Bairro:</td>
     <td><input name="bairro" type="text" id="bairro" maxlength="20" />
       <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>País:</td>
     <td><input name="pais" type="text" id="pais" maxlength="20" />
       <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>Login:</td>
     <td><input name="login" type="text" id="login" maxlength="12" />
       <span class="style1">*</span></td>
   </tr>
   <tr>
     <td>Senha:</td>
     <td><input name="senha" type="password" id="senha" maxlength="12" />
         <span class="style1">*</span></td>
   </tr>
   <tr>
     <td colspan="2"><input name="news" type="checkbox" id="news" value="ATIVO" checked="checked" />
Desejo receber novidades e informações sobre o conteúdo deste site. </td>
   </tr>
   <tr>
     <td colspan="2"><p>
       <input name="cadastrar" type="submit" id="cadastrar" value="Concluir meu Cadastro!" /> 

         <input name="limpar" type="reset" id="limpar" value="Limpar Campos preenchidos!" />

         <span class="style1">* Campos com * são obrigatórios!          </span></p>
     <p>  </p></td>
   </tr>
 </table>
</form>
</body>
</html>

 

E o PHP dele é esse:

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Cadastro realizado com sucesso!</title>
</head>
<body>
<?php 
// RECEBENDO OS DADOS PREENCHIDOS DO FORMULÁRIO !
$nome= $_POST ["nome"];//atribuição do campo "nome" vindo do formulário para variavel
$email= $_POST ["email"];//atribuição do campo "email" vindo do formulário para variavel
$ddd= $_POST ["ddd"];//atribuição do campo "ddd" vindo do formulário para variavel
$tel= $_POST ["telefone"];//atribuição do campo "telefone" vindo do formulário para variavel
$endereco= $_POST ["endereco"];//atribuição do campo "endereco" vindo do formulário para variavel
$cidade= $_POST ["cidade"];//atribuição do campo "cidade" vindo do formulário para variavel
$estado= $_POST ["estado"];//atribuição do campo "estado" vindo do formulário para variavel
$bairro = $_POST ["bairro"];//atribuição do campo "bairro" vindo do formulário para variavel
$pais= $_POST ["pais"];//atribuição do campo "pais" vindo do formulário para variavel
$login= $_POST ["login"];//atribuição do campo "login" vindo do formulário para variavel
$senha= $_POST ["senha"];//atribuição do campo "senha" vindo do formulário para variavel
$news= $_POST ["news"];//atribuição do campo "news" vindo do formulário para variavel
$sexo= $_POST ["sexo"];//atribuição do campo "sexo" vindo do formulário para variavel

//Gravando no banco de dados ! conectando com o localhost - mysql
$conexao = mysql_connect("localhost","root"); //localhost é onde esta o banco de dados.
if (!$conexao)
die ("Erro de conexão com localhost, o seguinte erro ocorreu -> ".mysql_error());

//conectando com a tabela do banco de dados
$banco = mysql_select_db("clientes",$conexao); //nome da tabela que deseja que seja inserida os dados cadastrais
if (!$banco)
die ("Erro de conexão com banco de dados, o seguinte erro ocorreu -> ".mysql_error());


//Query que realiza a inserção dos dados no banco de dados na tabela indicada acima
$query = "INSERT INTO `clientes` ( `nome` , `email` , `sexo` , `ddd` , `telefone` , `endereço` , `cidade` , `estado` , `bairro` , `país` , `login` , `senha` , `news` , `id` ) 
VALUES ('$nome', '$email', '$sexo', '$ddd', '$tel', '$endereco', '$cidade', '$estado', '$bairro', '$pais', '$login', '$senha', '$news', '')";
mysql_query($query,$conexao);
########## • Explicação da query • ##########
#$query = nome da variavel que decidi#
#utilizar para realizar a operação.#
#############################################
#clientes = nome da tabela que será salvo#
#os dados do cadastro do cliente#
#############################################
#nome, email, sexo, ddd, telefone,#
#endereço, cidade, estado, bairro, país,#
#login, senha, news, id.#
##
#São apenas os nomes dos campos que #
#constam na tabela clientes.#
#############################
#VALUES = indica que serão inseridos os#
#seguintes valores.#
#############################################
#$nome, $email, $sexo, $ddd, $telefone,#
#$endereço, $cidade, $estado, $bairro, #
#$país, $login, $senha, $news, $id.#
#############################
#São apenas as variaveis a qual eu#
#atribui os valores digitados no formulá-#
#rio.#
#############################################
echo "Seu cadastro foi realizado com sucesso!Agradecemos a atenção.";
//mensagem que é escrita quando os dados são inseridos normalmente.
?> 
</body>
</html>

 

E tem mais isso, comando SQL:

 

CREATE TABLE `clientes` (
`nome` VARCHAR( 60 ) NOT NULL ,
`email` VARCHAR( 60 ) NOT NULL ,
`sexo` VARCHAR( 10 ) NOT NULL ,
`ddd` INT( 2 ) ,
`telefone` INT( 8 ) ,
`endereço` VARCHAR( 70 ) NOT NULL ,
`cidade` VARCHAR( 20 ) NOT NULL ,
`estado` VARCHAR( 2 ) NOT NULL ,
`bairro` VARCHAR( 20 ) NOT NULL ,
`país` VARCHAR( 20 ) NOT NULL ,
`login` VARCHAR( 12 ) NOT NULL ,
`senha` VARCHAR( 12 ) NOT NULL ,
`news` VARCHAR( 8 ) ,
`id` INT( 200 ) AUTO_INCREMENT ,
UNIQUE (
`id` 
)
);

 

Como é que eu faço pra transformar esse formulário de cadastro, que no caso o PHP enviaria os dados pro site, em um formulário que enviaria os dados pro meu e-mail...

 

A parte do HTML eu sei mecher mais ou menos, daí eu tiraria o que não preciso, e deixaria assim:

 

DADOS/ENDEREÇO PARA ENTREGA:

 

Nome completo:

Email:

Telefone:

Endereço:

Cidade:

Estado:

Bairro:

CEP:

País:

 

ENVIAR | LIMPAR FORMULÁRIO

 

E ao ENVIAR, os dados fossem pro meu e-mail, e após clicar em enviar, a pessoa fosse direcionada pra página de pagamento... como fazer isso, usando esses códigos ?

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites

MarkedOne    0

MarkedOne
Postado

Caso, isso é bem basicão! Da uma lida na classe mail() do PHP, tente fazer e o forum irá te ajudar com duvidas.. ;)

Cara, não entendi nada desse link ai....

 

Mas eu fiz umas modificações e o que eu acho que daria certo no cadastro.php...

 

veja:

 

HTML

 

<html>
<head>
<center>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>CADASTRO DE ENDEREÇOS CLIENTES</title>
<style type="text/css">
<!--
.style1 {
color: #FF0000;
font-size: x-small;
}
.style3 {color: #0000FF; font-size: x-small; }
</style>
<script type="text/javascript">
function validaCampo()
{
if(document.cadastro.nome.value=="")
{
alert("O Campo nome é obrigatório!");
return false;
}
else
if(document.cadastro.email.value=="")
{
alert("O Campo email é obrigatório!");
return false;
}
else
if(document.cadastro.endereco.value=="")
{
alert("O Campo endereço é obrigatório!");
return false;
}
else
if(document.cadastro.cidade.value=="")
{
alert("O Campo Cidade é obrigatório!");
return false;
}
else
if(document.cadastro.estado.value=="")
{
alert("O Campo Estado é obrigatório!");
return false;
}
else
if(document.cadastro.bairro.value=="")
{
alert("O Campo Bairro é obrigatório!");
return false;
}
else
if(document.cadastro.cep.value=="")
{
alert("O Campo CEP é obrigatório!");
return false;
}
else
if(document.cadastro.pais.value=="")
{
alert("O Campo país é obrigatório!");
return false;
}
else
return true;
}
<!-- Fim do JavaScript que validará os campos obrigatórios! -->
</script>

<form id="cadastro" name="cadastro" method="post" action="cadastro.php" onsubmit="return validaCampo(); return false;">
 <table width="350" border="0">
   <tr>
     <td width="69">Nome:</td>
     <td width="350"><input name="nome" type="text" id="nome" size="60" maxlength="60" />
   </tr>
   <tr>
     <td>Email:</td>
     <td><input name="email" type="text" id="email" size="60" maxlength="60" />
   </tr>
   <tr>
     <td>DDD:</td>
     <td><input name="ddd" type="text" id="ddd" size="4" maxlength="2" />
     Telefone:
       <input name="telefone" type="text" id="telefone" />
   </tr>
   <tr>
     <td>Endereço:</td>
     <td><input name="endereco" type="text" id="endereco" size="60" maxlength="70" />
   </tr>
   <tr>
     <td>Cidade:</td>
     <td><input name="cidade" type="text" id="cidade" maxlength="20" />
   </tr>
   <tr>
     <td>Estado:</td>
     <td><select name="estado" id="estado">
       <option>Selecione...</option>
       <option value="AC">AC</option>
       <option value="AL">AL</option>
       <option value="AP">AP</option>
       <option value="AM">AM</option>
       <option value="BA">BA</option>
       <option value="CE">CE</option>
       <option value="ES">ES</option>
       <option value="DF">DF</option>
       <option value="MA">MA</option>
       <option value="MT">MT</option>
       <option value="MS">MS</option>
       <option value="MG">MG</option>
       <option value="PA">PA</option>
       <option value="PB">PB</option>
       <option value="PR">PR</option>
       <option value="PE">PE</option>
       <option value="PI">PI</option>
       <option value="RJ">RJ</option>
       <option value="RN">RN</option>
       <option value="RS">RS</option>
       <option value="RO">RO</option>
       <option value="RR">RR</option>
       <option value="SC">SC</option>
       <option value="SP">SP</option>
       <option value="SE">SE</option>
       <option value="TO">TO</option>
         </select>
   </tr>
   <tr>
     <td>Bairro:</td>
     <td><input name="bairro" type="text" id="bairro" maxlength="20" />
   </tr>
    <tr>
     <td>CEP:</td>
     <td><input name="cep" type="text" id="cep" maxlength="20" />
   </tr>
   <tr>
     <td>País:</td>
     <td><input name="pais" type="text" id="pais" maxlength="20" />
   </tr>

   <tr>
     <td colspan="2"><p>

     <center>
       <input name="avancar" type="submit" id="cadastrar" value="Avançar para pagamento >" /> 

         <input name="limpar" type="reset" id="limpar" value="Limpar Campos preenchidos" />
         </center>
     <p>  </p></td>
   </tr>
 </table>
</form>
</center>

 

e o cadastro.php que eu criei... funciona assim ?

 

<?php

/* VALIDA */

$valida = isset($_POST["valida"]) ? $_POST["valida"] : null;

if($valida == "enviar"){
/* RECEBE OS DADOS DO FORMULÃRIO */
$nome = $_POST["nome"];
$email = $_POST["email"];
$ddd = $_POST["ddd"];
$tel = $_POST["telefone"];
$endereco = $_POST["endereco"];
$cidade = $_POST["cidade"];
$estado = $_POST["estado"];
$bairro = $_POST["bairro"];
$cep = $_POST["cep"];
$pais = $_POST["pais"];

$msg  = "Nome: " .$nome."\n";
$msg .= "E-mail: ".$email."\n";
$msg .= "DDD: ".$ddd."\n";
$msg .= "Fone: ".$telefone."\n";
$msg .= "Endereço: ".$endereco."\n";
$msg .= "Cidade: ".$cidade."\n";
$msg .= "Estado: ".$estado."\n";
$msg .= "Bairro: ".$bairro."\n";
$msg .= "CEP: ".$cep."\n";
$msg .= "País: ".$pais."\n";

if(($nome!="") and ($assunto!="") and ($tel!="") and ($setor!="") and ($mensagem!="")){
  mail($setor,$assunto,$msg,"From:$email");
  $msguso = "<span class='destaque'>Mensagem enviada com sucesso!</span>";
}
else {
  $msguso = "<span class='destaque'> \" Nome, Assunto, Fone, Setor e Mensagem \" devem ser preenchidos!</span>";
}
}
?>

 

Pessoal, estou montando minha loja e preciso desse formulário urgente, pra poder colocá-la no ar... se puderem me ajudar, agradeço...

 

Obrigado.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos PHP
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito