Ir para conteúdo
tiagocancado

Formulário HTML/CSS

Recommended Posts

Boa tarde. Estou com um problema no meu código. Não estou conseguindo alinhar meu formulário do jeito que estou precisando. Gostaria da ajuda de vocês para dar uma luz. Eu consegui centralizar, mas falta alinhar. Embaixo da imagem está o código que eu implementei .

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Escola Virtual</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	
</head>
<div class="container">
<form action="" method="get" enctype="multipart/form-data" target="">
	<fieldset>
		<center>
		<h1>Escola Virtual</h1>
		<h2>Formulário de Pré-Matrícula</h2>
	
		</center>
		<fieldset>
			<h3>Dados Pessoais:</h3>
			<center>
			<p>Nome do Aluno:
				<input type="text" required name="name" size="20" maxlength="40" id="fname" placeholder="Tiago"><br>
			</p>		
			<p>Nascimento (dd/mm/aaaa):
				<input type="data" required name="dia" size="1" maxlength="2" id="dia" placeholder="dia">/
				<input type="data" required name="mes" size="1" maxlength="2" id="mes" placeholder="mês">/
				<input type="data" required name="ano" size="1" maxlength="4" id="ano" placeholder="ano">
			</p>
			<p>Nome da Mãe:
				<input type="text" required name="mae" size="20" maxlength="40" id="mae" placeholder="Nome da mãe"><br>
			</p>
			<p>Nome do Pai:
				<input type="text" required name="pai" size="20" maxlength="40" id="pai" placeholder="Nome do pai"><br>
			</p>
			<p>Telefone: DDD (
				<input type="tel" required name="ddd" size="1" maxlength="2" id="ddd"placeholder="DDD">)
				Tel:<input type="tel" required name="telefone" size="5" maxlength="8" id="tel" placeholder="telefone">
				Ramal:<input type="tel" required name="ramal" size="2" maxlength="4" id="ramal" placeholder="ramal"><br>
			</p>
			<p>E-mail:
				<input type="email" required name="email" size="20" maxlength="40" id="email" placeholder="aaa@aaa.com" ><br>
			</p>
			</center>
			</fieldset>
		<fieldset>
			<h3>Informações de Matrícula:</h3>
			<div class="principal">
				<div class="series">
				<p> Série: <br />
					<select name="serie">
						  <option value="valor1">pré-escolar</option>
						  <option value="valor2">1a série 1o grau</option>
						  <option value="valor3">2a série 1o grau</option>
						  <option value="valor4">3a série 1o grau</option>
						  <option value="valor5">4a série 1o grau</option>
						  <option value="valor6">5a série 1o grau</option>
						  <option value="valor7">6a série 1o grau</option>
						  <option value="valor8">7a série 1o grau</option>
						  <option value="valor9">8a série 1o grau</option>
						  <option value="valor10">1a série 2o grau</option>
						  <option value="valor11">2a série 2o grau</option>
						  <option value="valor12">3a série 2o grau</option>
					</select>
				</p>
				</div>
				<div class="turno">
				<p> Turno:<br />
					<input type="radio" name="turno" value="manhã">Manhã<br>
					<input type="radio" name="turno" value="tarde">Tarde<br>
				</p>
				</div>
				<div class="atividade">
					<p>Atividades Extracurriculares:<br />
						<input type="checkbox" name="inf">Informática<br>
						<input type="checkbox" name="mus" >Música<br>
						<input type="checkbox" name="bal" >Balet<br>
						<input type="checkbox" name="pin" >Pintura<br>
						<input type="checkbox" name="jud" >Judô<br>
						<input type="checkbox" name="fut" >Futebol<br>
					</p>
				</div>
			</div>
		</fieldset>
	<input type="submit" name="enviar" value="Enviar">
	<input type="reset" name="resetar" value="Reset">
	
	</fieldset>
</form> 
</div>
</html>

A imagem está saindo assim:

 

formulario2.jpg

O formulário tem que ficar dessa maneira:

 

formescola.jpg

Compartilhar este post


Link para o post
Compartilhar em outros sites

Prefiro fazer com DIV, mas faz com tabela, vai ser mais fácil pra você.

 

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Escola Virtual</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	
</head>
<div class="container">
<form action="" method="get" enctype="multipart/form-data" target="">
	<fieldset>
		<center>
		<h1>Escola Virtual</h1>
		<h2>Formulário de Pré-Matrícula</h2>
	
		</center>
		<fieldset>
			<h3>Dados Pessoais:</h3>
			<center>
			<table>
			    <tr>
			    	<td align="right">Nome do Aluno:</td>
			    	<td><input type="text" required name="name" size="20" maxlength="40" id="fname" placeholder="Tiago"></td>
			    </tr>
			    <tr>
			    	<td>Nascimento (dd/mm/aaaa):</td>
			    	<td><input type="data" required name="dia" size="1" maxlength="2" id="dia" placeholder="dia">/
				<input type="data" required name="mes" size="1" maxlength="2" id="mes" placeholder="mês">/
				<input type="data" required name="ano" size="1" maxlength="4" id="ano" placeholder="ano"></td>
			    </tr>
				<tr>
					<td align="right">Nome da Mãe:</td>
					<td><input type="text" required name="mae" size="20" maxlength="40" id="mae" placeholder="Nome da mãe"></td>
				</tr>
				<tr>
					<td align="right">Nome do Pai:</td>
					<td><input type="text" required name="pai" size="20" maxlength="40" id="pai" placeholder="Nome do pai"></td>
				</tr>			
				<tr>
					<td align="right">Telefone: DDD (</td>
					<td><input type="tel" required name="ddd" size="1" maxlength="2" id="ddd"placeholder="DDD"> )
					Tel:<input type="tel" required name="telefone" size="5" maxlength="8" id="tel" placeholder="telefone">
				    Ramal:<input type="tel" required name="ramal" size="2" maxlength="4" id="ramal" placeholder="ramal">
					</td>
				</tr>
				<tr>
					<td align="right">E-mail:</td>
					<td><input type="email" required name="email" size="20" maxlength="40" id="email" placeholder="aaa@aaa.com" ></td>
				</tr>
			</table>
			</center>
			</fieldset>
		<fieldset>
			<h3>Informações de Matrícula:</h3>
			<div class="principal">
				<div class="series">
				<p> Série: <br />
					<select name="serie">
						  <option value="valor1">pré-escolar</option>
						  <option value="valor2">1a série 1o grau</option>
						  <option value="valor3">2a série 1o grau</option>
						  <option value="valor4">3a série 1o grau</option>
						  <option value="valor5">4a série 1o grau</option>
						  <option value="valor6">5a série 1o grau</option>
						  <option value="valor7">6a série 1o grau</option>
						  <option value="valor8">7a série 1o grau</option>
						  <option value="valor9">8a série 1o grau</option>
						  <option value="valor10">1a série 2o grau</option>
						  <option value="valor11">2a série 2o grau</option>
						  <option value="valor12">3a série 2o grau</option>
					</select>
				</p>
				</div>
				<div class="turno">
				<p> Turno:<br />
					<input type="radio" name="turno" value="manhã">Manhã<br>
					<input type="radio" name="turno" value="tarde">Tarde<br>
				</p>
				</div>
				<div class="atividade">
					<p>Atividades Extracurriculares:<br />
						<input type="checkbox" name="inf">Informática<br>
						<input type="checkbox" name="mus" >Música<br>
						<input type="checkbox" name="bal" >Balet<br>
						<input type="checkbox" name="pin" >Pintura<br>
						<input type="checkbox" name="jud" >Judô<br>
						<input type="checkbox" name="fut" >Futebol<br>
					</p>
				</div>
			</div>
		</fieldset>
	<input type="submit" name="enviar" value="Enviar">
	<input type="reset" name="resetar" value="Reset">
	
	</fieldset>
</form> 
</div>
</html>

 

9 minutos atrás, Will Palmeira disse:

faça um algoritmo que realize e imprima o produto entre os numeros 28 e 43 
 

POR FAVOR ME AJUDA COM ISSO NÃO ESTOU SABENDO FAZER E TENHO QUE ENTREGAR HJ PARA AJUDAR NA MINHA NOTA 

 

abre outro tópico meu amigo, pra galera te ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites
5 minutos atrás, greg_kaippert disse:

Prefiro fazer com DIV, mas faz com tabela, vai ser mais fácil pra você.

 


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Escola Virtual</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	
</head>
<div class="container">
<form action="" method="get" enctype="multipart/form-data" target="">
	<fieldset>
		<center>
		<h1>Escola Virtual</h1>
		<h2>Formulário de Pré-Matrícula</h2>
	
		</center>
		<fieldset>
			<h3>Dados Pessoais:</h3>
			<center>
			<table>
			    <tr>
			    	<td align="right">Nome do Aluno:</td>
			    	<td><input type="text" required name="name" size="20" maxlength="40" id="fname" placeholder="Tiago"></td>
			    </tr>
			    <tr>
			    	<td>Nascimento (dd/mm/aaaa):</td>
			    	<td><input type="data" required name="dia" size="1" maxlength="2" id="dia" placeholder="dia">/
				<input type="data" required name="mes" size="1" maxlength="2" id="mes" placeholder="mês">/
				<input type="data" required name="ano" size="1" maxlength="4" id="ano" placeholder="ano"></td>
			    </tr>
				<tr>
					<td align="right">Nome da Mãe:</td>
					<td><input type="text" required name="mae" size="20" maxlength="40" id="mae" placeholder="Nome da mãe"></td>
				</tr>
				<tr>
					<td align="right">Nome do Pai:</td>
					<td><input type="text" required name="pai" size="20" maxlength="40" id="pai" placeholder="Nome do pai"></td>
				</tr>			
				<tr>
					<td align="right">Telefone: DDD (</td>
					<td><input type="tel" required name="ddd" size="1" maxlength="2" id="ddd"placeholder="DDD"> )
					Tel:<input type="tel" required name="telefone" size="5" maxlength="8" id="tel" placeholder="telefone">
				    Ramal:<input type="tel" required name="ramal" size="2" maxlength="4" id="ramal" placeholder="ramal">
					</td>
				</tr>
				<tr>
					<td align="right">E-mail:</td>
					<td><input type="email" required name="email" size="20" maxlength="40" id="email" placeholder="aaa@aaa.com" ></td>
				</tr>
			</table>
			</center>
			</fieldset>
		<fieldset>
			<h3>Informações de Matrícula:</h3>
			<div class="principal">
				<div class="series">
				<p> Série: <br />
					<select name="serie">
						  <option value="valor1">pré-escolar</option>
						  <option value="valor2">1a série 1o grau</option>
						  <option value="valor3">2a série 1o grau</option>
						  <option value="valor4">3a série 1o grau</option>
						  <option value="valor5">4a série 1o grau</option>
						  <option value="valor6">5a série 1o grau</option>
						  <option value="valor7">6a série 1o grau</option>
						  <option value="valor8">7a série 1o grau</option>
						  <option value="valor9">8a série 1o grau</option>
						  <option value="valor10">1a série 2o grau</option>
						  <option value="valor11">2a série 2o grau</option>
						  <option value="valor12">3a série 2o grau</option>
					</select>
				</p>
				</div>
				<div class="turno">
				<p> Turno:<br />
					<input type="radio" name="turno" value="manhã">Manhã<br>
					<input type="radio" name="turno" value="tarde">Tarde<br>
				</p>
				</div>
				<div class="atividade">
					<p>Atividades Extracurriculares:<br />
						<input type="checkbox" name="inf">Informática<br>
						<input type="checkbox" name="mus" >Música<br>
						<input type="checkbox" name="bal" >Balet<br>
						<input type="checkbox" name="pin" >Pintura<br>
						<input type="checkbox" name="jud" >Judô<br>
						<input type="checkbox" name="fut" >Futebol<br>
					</p>
				</div>
			</div>
		</fieldset>
	<input type="submit" name="enviar" value="Enviar">
	<input type="reset" name="resetar" value="Reset">
	
	</fieldset>
</form> 
</div>
</html>

 

 

abre outro tópico meu amigo, pra galera te ajudar.

posso copiar e usar no trabalho ?

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
6 minutos atrás, Will Palmeira disse:

certo estou tentando fazer isso 
mas coloco oq no segundo topico 

 

 

Entra nesse link: https://forum.imasters.com.br/forum/3-php/

Você vai ver um botão verde escrito "Novo tópico", no lado superior direito, ai você digita um titulo para a sua dúvida, e em tags você coloca palavras separadas por vírgula referente a sua dúvida, e esperar alguém responder.

 

Estou te ensinando a criar um tópico.

 

Mas em relação a sua duvida, ver se é isso que você quer.

 

<?php
for($i = 28; $i <= 43; $i++){
	echo $i;
}
?>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
19 minutos atrás, greg_kaippert disse:

Prefiro fazer com DIV, mas faz com tabela, vai ser mais fácil pra você.

 


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>Escola Virtual</title>
	<link rel="stylesheet" type="text/css" href="style.css" />
	
</head>
<div class="container">
<form action="" method="get" enctype="multipart/form-data" target="">
	<fieldset>
		<center>
		<h1>Escola Virtual</h1>
		<h2>Formulário de Pré-Matrícula</h2>
	
		</center>
		<fieldset>
			<h3>Dados Pessoais:</h3>
			<center>
			<table>
			    <tr>
			    	<td align="right">Nome do Aluno:</td>
			    	<td><input type="text" required name="name" size="20" maxlength="40" id="fname" placeholder="Tiago"></td>
			    </tr>
			    <tr>
			    	<td>Nascimento (dd/mm/aaaa):</td>
			    	<td><input type="data" required name="dia" size="1" maxlength="2" id="dia" placeholder="dia">/
				<input type="data" required name="mes" size="1" maxlength="2" id="mes" placeholder="mês">/
				<input type="data" required name="ano" size="1" maxlength="4" id="ano" placeholder="ano"></td>
			    </tr>
				<tr>
					<td align="right">Nome da Mãe:</td>
					<td><input type="text" required name="mae" size="20" maxlength="40" id="mae" placeholder="Nome da mãe"></td>
				</tr>
				<tr>
					<td align="right">Nome do Pai:</td>
					<td><input type="text" required name="pai" size="20" maxlength="40" id="pai" placeholder="Nome do pai"></td>
				</tr>			
				<tr>
					<td align="right">Telefone: DDD (</td>
					<td><input type="tel" required name="ddd" size="1" maxlength="2" id="ddd"placeholder="DDD"> )
					Tel:<input type="tel" required name="telefone" size="5" maxlength="8" id="tel" placeholder="telefone">
				    Ramal:<input type="tel" required name="ramal" size="2" maxlength="4" id="ramal" placeholder="ramal">
					</td>
				</tr>
				<tr>
					<td align="right">E-mail:</td>
					<td><input type="email" required name="email" size="20" maxlength="40" id="email" placeholder="aaa@aaa.com" ></td>
				</tr>
			</table>
			</center>
			</fieldset>
		<fieldset>
			<h3>Informações de Matrícula:</h3>
			<div class="principal">
				<div class="series">
				<p> Série: <br />
					<select name="serie">
						  <option value="valor1">pré-escolar</option>
						  <option value="valor2">1a série 1o grau</option>
						  <option value="valor3">2a série 1o grau</option>
						  <option value="valor4">3a série 1o grau</option>
						  <option value="valor5">4a série 1o grau</option>
						  <option value="valor6">5a série 1o grau</option>
						  <option value="valor7">6a série 1o grau</option>
						  <option value="valor8">7a série 1o grau</option>
						  <option value="valor9">8a série 1o grau</option>
						  <option value="valor10">1a série 2o grau</option>
						  <option value="valor11">2a série 2o grau</option>
						  <option value="valor12">3a série 2o grau</option>
					</select>
				</p>
				</div>
				<div class="turno">
				<p> Turno:<br />
					<input type="radio" name="turno" value="manhã">Manhã<br>
					<input type="radio" name="turno" value="tarde">Tarde<br>
				</p>
				</div>
				<div class="atividade">
					<p>Atividades Extracurriculares:<br />
						<input type="checkbox" name="inf">Informática<br>
						<input type="checkbox" name="mus" >Música<br>
						<input type="checkbox" name="bal" >Balet<br>
						<input type="checkbox" name="pin" >Pintura<br>
						<input type="checkbox" name="jud" >Judô<br>
						<input type="checkbox" name="fut" >Futebol<br>
					</p>
				</div>
			</div>
		</fieldset>
	<input type="submit" name="enviar" value="Enviar">
	<input type="reset" name="resetar" value="Reset">
	
	</fieldset>
</form> 
</div>
</html>

 

Nesse caso então, table é o mais indicado?

Compartilhar este post


Link para o post
Compartilhar em outros sites
18 horas atrás, greg_kaippert disse:

Sinceramente, não sei te dizer se é mais indicado ou não, mas é mais fácil de fazer e no seu caso, o resultado será o mesmo. Pode testar e ver que fica igual tanto quanto se tivesse feito com div.

Muito obrigado pelo esclarecimento e pela atenção.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Julle
      Porquê esse erro estar acontecendo?
       
       
       
      Notice: Undefined index: action in C:\xampp\htdocs\PhpProject1\index.php on line 4
      Nome:  
      Idade:  
      E-mail: 
      sexo:  > Masculino  >Feminino 
      Curso:               > selecione...              > Ciência da Computação                > Bacharelando em Informática              > Engenharia da Computação   
                
      Conhecimento:  >Microdoft Word  >HTML  >JavaScript  >PHP 
       
       
       
      Código: 
      <!DOCTYPE html>
      <?php
          if($_REQUEST["action"] =="save")
          { 
              
              
              $formValid = True;
              
              $tamanho_nome = strlen($_POST["CAMPO_NOME"]);
              if($tamanho_nome < 5|| $tamanho_nome > 64)
              {
                  echo("O campo  'NOME' deve ter entre 5 e 64 caracteres.".$tamanho_nome);
                  $formValid = FALSE;
              }
              
              $idade = (int)$_POST["CAMPO_IDADE"];
              if(is_NaN($idade)|| $idade < 4 || $idade > 120)
              {
                  echo("O campo 'Idade' deve ter preenchido corretamente."); 
                  $formValid = false; 
              }
              $email = $_POST["CAMPO_EMAIL"];
              $regex = 
              "/^[^0-9][A-z0-9_]+([.][A-z0-9_]+)*[@][A-z0-9_]+([.][A-z0-9_]+)*[.][A-z]{2,4}$/";
              if(!preg_match($regex, $email))
              {
                  echo("O campo 'E-mail' deve ter preenchido corretamente.");
                  $formValid = FALSE;
              }
              $sexo = $_POST["CAMPO_SEXO"];        
              if($sexo != "M" && $sexo != "F")
              {
                  echo("O campo 'sexo' deve ser preenchido.");
                  $formValid = FALSE;
              }
              $curso = $_POST["CAMPO_CURSO"];
              if($curso == "" || $curso == "Selecione . . .")
              {
                  echo("A campo 'curso' deve ser preenchido.");
                  $formValid = FALSE;
              }
              $conhecimento = $_POST["CAMPO_CONHECIMENTO"];
              if(sizeof($conhecimento)!= 2)
              {
                  echo("É necessário marcar 2 conhecimento.");
                  $formValid = FALSE;
              }
              if($formValid)
              {
                  echo("Formulário validado com sucesso");
                  exit();
              }
              
          }
          
        ?>
      <html>
          <head>
              <title>EXEMPLO - formulário</title>
              <script language=" JavaScrip">
              function validaForm()
              {
                  var tamanho_nome = document.forms["meuForm"].CAMPO_NOME.value.length;
                  if(tamanho_nome <5 || tamanho_nome >64)
                  {
                      alert("O campo 'nome' deve ter entre 5 e 64 caracteres");
                      return false;
                  }
                  var idade = document.forms["meuForm"].CAMPO_IDADE.value;
                  if(is_NaN($idade)|| $idade < 4 || $idade > 120)
                  {
                      echo("O campo 'Idade' deve ter preenchido corretamente."); 
                      return false;
                  }
                  var email = document.forms["meuForm"].CAMPO_EMAIL.value;
                  if(email.length<5 || email.length > 128 ||email.index0f(@) = = -1 ||
                  email.index0f('.') == -1){
                      alert("O campo 'Email' deve ter preenchido corretamente.");
                      return false;
                  }
                  var campo_sexo = document.forms["meuForm"].CAMPO_SEXO;
                  var sexo = false; 
                  for(i=0; i<campo_sexo.length;i++){
                      if(campo_sexo.checked == true)
                      {
                          sexo = campo_sexo.value;
                          brack;
                      }
                  }
                  if(sexo == false)
                  {
                      alert("O campo 'sexo' deve ser preenchido.");
                      return false;
                  }
                  var opcao_curso = document.forms["meuForm"].CAMPO_CURSO.selectedIndex;
                  if(opcao_curso == 0)
                  {
                      alert("O campo 'curso' deve ser preenchhido");
                      return false;
                  }
                  var conhecimento = document.forms["meuForm"].elements['CAMPO_CONHECIMENTOS[]'];
                  var conhecimentosMarcados =0;
                  for(i=0; i<conhecimentos.length; i++)
                  {
                      if(conhecimento.checked == true)
                      {
                          conhecimentosMarcados++;
                      }
                  }
                  if(conhecimentosMarcados != 2)
                  {
                      alert("É necessário marcar 2 conhecimento");
                      return false;
                  }
                  document.forms["meuForm"].submit();
                  
              }
              </script>
          </head>
          <body>
              
          <form method="POST" action="?action=save" name="meuForm">
                  
                  Nome:  <input type=TEXT name= "CAMPO_NOME" value=" <? echo $_POST[' CAMPO_NOME'];?>">
              <br>Idade: <input type=TEXT name="CAMPO_IDADE"  value="<? echo $_POST['CAMPO_IDADE'];?>">
              <br>E-mail:<input type=TEXT name="CAMPO_EMAIL"  value="<? echo $_POST['CAMPO_EMAIL'];?>">
              <br>sexo: <input type=RADIO name="CAMPO_SEXO" value="M"
                          <? if($_POST['CAMPO_SEXO']== "M"){echo "checked";}?> > Masculino
                          <input type=RADIO nome="CAMPO_SEXO" value="F"
                          <? if($_POST['CAMPO_SEXO']== "F"){echo "checked";}?> >Feminino
                  
                  
              <br>Curso: <select name= "CAMPO_CURSO">
                  <option <? if($_POST['CAMPO_CURSO']=="selecione . . . ")
                      { echo "selected";}?> > selecione...</option>
                  <option <? if($_POST['CAMPO_CURSO'] == "Ciência da Computação")
                      { eecho "selected";}?> > Ciência da Computação </option>
                  <option <? if($_POST['CAMPO_CURSO']=="Bacharelando em Informática")
                      { echo "selected";}?>  > Bacharelando em Informática</option>
                  <option <? if($_POST['CAMPO_CURSO']== " Engenharia da Computação")
                      {echo "selected";}?> > Engenharia da Computação </option>
              </select>
              
              <br>Conhecimento:
              <input type =checkbox name=CAMPO_CONHECIMENTOS[] value="Word" 
                     <?if(in_aray("Word", $_POST['CAMPO_CONHECIMENTOS[]') != FALSE){echo "checked"; }?> >Microdoft Word
              <input type =checkbox name=CAMPO_CONHECIMENTOS[] value="HTML"
                  <?if(in_aray("HTML",  $_POST['CAMPO_CONHECIMENTOS[]') != FALSE)
                  {echo "checked"; }?> >HTML
              <input type =checkbox name=CAMPO_CONHECIMENTOS[] value="JS"
                   <?if(in_aray("JS",  $_POST['CAMPO_CONHECIMENTOS[]') != FALSE)
                  {echo "checked"; }?> >JavaScript
              <input type =checkbox name=CAMPO_CONHECIMENTOS[] value="PHP"
                   <?if(in_aray("PHP",  $_POST['CAMPO_CONHECIMENTOS[]') != FALSE)
                  {echo "checked"; }?> >PHP
                  
              <br>
              <input type=RESET value="Limpar">
              <input type=BUTTON onClick="validaform();"value="Enviar">
          </form>     
              
                  
                           
          </body>
      </html>
    • Por raphaelgs
      Os valores dos value estão aparecendo mais não estão somando apos carrego a pagina.  segue em anexo o print da tela quando carrego a pagina .
       
      Meu código HTML
       <section class="despesas">
          <h2>Despesas</h2>
         <div class="caixa-principal col-md-12">
            <p class="campo1"><span>Mensalidade Faculdade: </span>R$<input id="mensalidade" value="<?php echo get_post_meta( $post->ID,'mensalidade-faculdade', true ); ?>"    readonly></p>
            <p class="campo1"><span>Aluguel: </span>R$<input id="aluguel" value="<?php echo get_post_meta( $post->ID,'aluguel', true ); ?>"readonly></p>
            <p class="campo1"><span>Água: </span>R$<input id="agua" value="<?php echo get_post_meta( $post->ID,'agua', true ); ?>"readonly></p>
            <p class="campo1"><span>Luz: </span>R$<input id="luz" value="<?php echo get_post_meta( $post->ID,'luz', true ); ?>"readonly></p>
            <p class="campo2"><span>Telefone/Internet: </span>R$<input id="telefone" value="<?php echo get_post_meta( $post->ID,'telefone-internet', true ); ?>"readonly></p>
            <p class="campo1"><span>IPTU: </span>R$<input id="iptu" value="<?php echo get_post_meta( $post->ID,'iptu', true ); ?>"></p>
            <p class="campo1"><span>Financiamento de Imóvel: </span>R$<input id="imovel" value="<?php echo get_post_meta( $post->ID,'financiamento-imovel', true ); ?>"readonly></p>
            <p class="campo1"><span>Financiamento de Veículo: </span>R$<input id="veiculo" value="<?php echo get_post_meta( $post->ID,'financiamento-veiculo', true ); ?>"readonly></p>
            <p class="campo1"><span>Alimentação: </span>R$<input id="alimentacao" value="<?php echo get_post_meta( $post->ID,'alimentacao', true ); ?>"></p>
             <p class="campo1"><span>Medicamentos: </span>R$<input id="medicamentos" value="<?php echo get_post_meta( $post->ID,'medicamentos', true ); ?>"readonly></p>
             <p class="campo1"><span>Convênio Médico: </span>R$<input id="medico" value="<?php echo get_post_meta( $post->ID,'convenio-medico', true ); ?>"readonly></p>
             <p class="campo1"><span>Convênio Odontológico: </span>R$<input id="odontologico" value="<?php echo get_post_meta( $post->ID,'convenio-odontologico', true ); ?>"readonly></p>
             <p class="campo1"><span>Convênio Funerária : </span>R$<input id="funeraria" value="<?php echo get_post_meta( $post->ID,'convenio-funeraria', true ); ?>"readonly></p>
             <p class="campo1"><span>Transporte: </span>R$<input id="transporte" value="<?php echo get_post_meta( $post->ID,'transporte', true ); ?>"readonly></p>
             <p class="campo1"><span>Outros gastos: </span>R$<input id="outrosGastos" value="<?php echo get_post_meta( $post->ID,'outros-gastos', true ); ?>" readonly></p>
              <br><br>
              <p><span>Total das Despesas:</span>R$<input id="totalDespesas"></p>    
          </div>
      </section>
       
      Meu jQuery
      <script type="text/javascript">
              jQuery(document).ready(function($) {
                  $(document).ready(function() {
                      $("#aluno,#membro1,#membro2,#membro3,#membro4,#membro5,#membro6,#membro7,#membro8,#membro9").on('keyup', function() {
                          var aluno = parseFloat($('#aluno').val()) || 0;
                          var membro1 = parseFloat($('#membro1').val()) || 0;
                          var membro2 = parseFloat($('#membro2').val()) || 0;
                          var membro3 = parseFloat($('#membro3').val()) || 0;
                          var membro4 = parseFloat($('#membro4').val()) || 0;
                          var membro5 = parseFloat($('#membro5').val()) || 0;
                          var membro6 = parseFloat($('#membro6').val()) || 0;
                          var membro7 = parseFloat($('#membro7').val()) || 0;
                          var membro8 = parseFloat($('#membro8').val()) || 0;
                          var membro9 = parseFloat($('#membro9').val()) || 0
                          var totalRendaMembros = aluno + membro1 + membro2 + membro3 + membro4 + membro5 + membro6 + membro7 + membro8 + membro9;
                          $('#totalRenda').val(totalRendaMembros);
                      });
                  }); 
              });
          </script>

    • Por Luiz091
      Bom dia,
       
      Estou com uma página retornando erro e não consigo corrigir. Sou iniciante em php e até o momento, a dificuldade persiste. Ao enviar a mensagem pelo formulário de contato a página não atualiza e retorna o seguinte erro:
       
      Notice: Undefined variable: message in /storage/ssd3/973/8336973/public_html/inc/sendEmail.php on line 31
      Notice: Undefined variable: error in /storage/ssd3/973/8336973/public_html/inc/sendEmail.php on line 47
      OK
       
       
      Este é o código do fomulário:
      <!-- form --> <form name="contactForm" id="contactForm" method="post" action="sendEmail.php"> <fieldset> <div class="form-field"> <input name="contactName" type="text" id="contactName" placeholder="Name" value="" minlength="2" required=""> </div> <div class="form-field"> <input name="contactEmail" type="email" id="contactEmail" placeholder="Email" value="" required=""> </div> <div class="form-field"> <input name="contactSubject" type="text" id="contactSubject" placeholder="Subject" value=""> </div> <div class="form-field"> <textarea name="contactMessage" id="contactMessage" placeholder="Message" rows="10" cols="50" required=""></textarea> </div> <div class="form-field"> <button class="submitform">Enviar</button> <div id="submit-loader"> <div class="text-loader">Sending...</div> <div class="s-loader"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div> </div> </div> </fieldset> </form> <!-- Form End -->  
      Este é o Php:
      // Replace this with your own email address $siteOwnersEmail = 'user@website.com'; if($_POST) { $name = trim(stripslashes($_POST['contactName'])); $email = trim(stripslashes($_POST['contactEmail'])); $subject = trim(stripslashes($_POST['contactSubject'])); $contact_message = trim(stripslashes($_POST['contactMessage'])); // Check Name if (strlen($name) < 2) { $error['name'] = "Please enter your name."; } // Check Email if (!preg_match('/^[a-z0-9&\'\.\-_\+]+@[a-z0-9\-]+\.([a-z0-9\-]+\.)*+[a-z]{2}/is', $email)) { $error['email'] = "Please enter a valid email address."; } // Check Message if (strlen($contact_message) < 15) { $error['message'] = "Please enter your message. It should have at least 15 characters."; } // Subject if ($subject == '') { $subject = "Contact Form Submission"; } // Set Message $message .= "Email from: " . $name . "<br />"; $message .= "Email address: " . $email . "<br />"; $message .= "Message: <br />"; $message .= $contact_message; $message .= "<br /> ----- <br /> This email was sent from your site's contact form. <br />"; // Set From: header $from = $name . " <" . $email . ">"; // Email Headers $headers = "From: " . $from . "\r\n"; $headers .= "Reply-To: ". $email . "\r\n"; $headers .= "MIME-Version: 1.0\r\n"; $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n"; if (!$error) { ini_set("sendmail_from", $siteOwnersEmail); // for windows server $mail = mail($siteOwnersEmail, $subject, $message, $headers); if ($mail) { echo "OK"; } else { echo "Something went wrong. Please try again."; } } # end if - no validation error else { $response = (isset($error['name'])) ? $error['name'] . "<br /> \n" : null; $response .= (isset($error['email'])) ? $error['email'] . "<br /> \n" : null; $response .= (isset($error['message'])) ? $error['message'] . "<br />" : null; echo $response; } # end if - there was a validation error } ?>  
      Poderiam me ajudar??
       
      O envio funciona, porém apresenta a mensagem de erro e não atualiza a página.
       
      Grato.
    • Por ritacfreire
      Boa Tarde !!! Estou com um form que apresentava caracteres especial, corregi colocando utf8_decode
       
      Para o PC ficou bom mais no android agora vem com caracteres especiais.
       
      Como resolver.
       
      Obrigado
    • Por ghlevin
      Estou fazendo modificações no site de um cliente, tornando-o responsivo. Tive que fazer várias mudanças de layout que me foram enviadas por um fornecedor e, por causa dessas mudanças, algumas funções Javascript e PHP que eu tinha não funcionam no layout novo.
      Em uma delas, eu tenho dois filtros de data e local (unidade ou empresa). O de data é uma INPUT e o de unidades é um SELECT. Vou colocar o código da view abaixo:
      <form class="rd-mailform text-left" data-form-output="form-output-global" data-form-type="contact" method="post" novalidate="novalidate"> <p class="mobile-hide">Selecione abaixo os par&acirc;metros para visualiza&ccedil;&atilde;o.&nbsp;Se desejar salvar,&nbsp;enviar por e-mail ou imprimir,&nbsp;clique em&nbsp;'Gerar PDF'&nbsp;ou&nbsp;'Gerar Excel'.</p> <!--<div class="range range-xs-center" style="margin: 0px !important;">--> <div class="cell-sm-6"> <div class="form-group form-group-label-outside"> <label class="form-label form-label-outside text-dark rd-input-label" for="data-relatorio">Data</label> <input class="form-control form-control-last-child" id="data-relatorio" type="text" name="first-name" > </div> </div> <div class="cell-sm-6 offset-top-20 offset-sm-top-0"> <div class="form-group form-group-label-outside"> <label class="form-label form-label-outside text-dark rd-input-label" for="comboUnidades"> Unidade </label> <select id="comboUnidades" class="form-control select2-multiple" data-minimum-results-for-search="Infinity"> </select> </div> </div> <div style="width: 100%"> <div style="position: relative; float: left; padding: 5px" onclick="montaPDF()"><a class="btn btn-ellipse btn-java" href="#">GERAR PDF</a></div> <div style="position: relative; float: left; padding: 5px" onclick="montaExcel()" class="mobile-hide"><a class="btn btn-ellipse btn-java" href="#">GERAR EXCEL</a></div> </div> </form> Abaixo parte do código do arquivo JS que mostra como eram carregados esses filtros. O de data usa originalmente uma função datepicker, que não funciona no layout atual. E o das unidades usa uma função AJAX pra colocar todas as opções que vem do banco MySQL do site dentro do select comboUnidades:
      $(document).ready(function(){ showLoading(); var d = new Date(); d.setDate(d.getDate() - 1); $('#data-relatorio').datepicker({ dateFormat: "dd/mm/yy", maxDate: d }); $("#data-relatorio").datepicker('setDate',d); var param = location.href.split("?")[1]; if(typeof param != "undefined" ) { var unidade = param.split('=')[1]; } $.ajax({ async: false, url: '[:raiz]acompanhamentoDiario/getUnidades', dataType: 'json', success: function(data) { if (data.length > 0){ var retorno = ""; for(var i = 0;i < data.length; i++){ retorno += "<option value='"+data[i]['id']+"'>"+data[i]['newnome']+"</option>"; } $('#comboUnidades').html(retorno); if(typeof param != "undefined" ) { $('#comboUnidades option[value='+unidade+']').attr('selected', 'selected'); $('#comboUnidades').trigger('change'); } } else { } } }); $('#data-relatorio').change(function(){ montaTabela(); }); $('#comboUnidades').change(function(){ montaTabela(); }); var d = new Date(); $('#divTabela').hide(); montaTabela(); hideLoading(); }); Essa função chamada no AJAX se encontra num arquivo de Controller:
      public function getUnidades() { $acompanhamento = new AcompanhamentoDiario(); $retorno = $acompanhamento->getUnidadesUsuario(); echo json_encode($retorno); } Por sua vez, essa função do controller chama uma função em PHP que se encontra num arquivo da minha pasta Model do site. Ele traz as unidades do select dependendo do login do usuário:
      public function getUnidadesUsuario() { $idUser = Login::retornaIdUser(); $perfilAcesso = Login::retornaPerfilAcesso(); if(($perfilAcesso == 1) || ($perfilAcesso == 6)) { // Colocado o perfil 6 do Usuário de Demonstração /* se perfil de usuairo = 1*/ $sql = "SELECT u.*,concat(e.sigla,' - ',u.nome) as newnome"; $sql .= " FROM unidade u INNER JOIN cidade c ON u.CIDADE = c.id INNER JOIN estado e ON u.ESTADO = e.id"; $sql .= " join usuario_unidade uu on (uu.id_unidade = u.id)"; $sql .= " WHERE u.ind_unidade_ativa = 1 AND u.ind_predio_novo = 0"; $sql .= " and uu.id_usuario = $idUser and lower(uu.ind_tipo_investidor) != 'c' ORDER BY newnome ASC"; } elseif($perfilAcesso == 2) { /* se perfil de usuairo = 2*/ $sql = "SELECT u.*,concat(e.sigla,' - ',u.nome) as newnome"; $sql .= " FROM unidade u INNER JOIN cidade c ON u.CIDADE = c.id INNER JOIN estado e ON u.ESTADO = e.id"; $sql .= " join administrador adm on (adm.id_unidade = u.id)"; $sql .= " WHERE u.ind_predio_novo = 0"; $sql .= " and adm.id_usuario = $idUser and adm.id_usuario NOT IN (3124,4378)"; $sql .= " ORDER BY newnome ASC"; } else { /* se perfil de usuario = 3*/ $sql = "SELECT u.*,concat(e.sigla,' - ',u.nome) as newnome"; $sql .= " FROM unidade u INNER JOIN cidade c ON u.CIDADE = c.id INNER JOIN estado e ON u.ESTADO = e.id"; $sql .= " WHERE u.ind_predio_novo = 0 ORDER BY newnome ASC"; } $res = parent::executaQuery($sql); return $res; } A função montaTabela(), por ora, ainda não quero modificar, por isso não vou mostrar como ela é. Ela é executada na página dependendo da mudança dos filtros. Por ora, eu só queria saber como "popular" o select comboUnidades e como funcionar o filtro de data data-relatorio de forma semelhante ao datePicker.
×

Informação importante

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