segunda-feira, 28 de dezembro de 2009

Construindo formulário simples com html

Pessoal,

Algumas pessoas estão me pedindo ajuda sobre como criar formulários em html, por isso resolvi fazer uma matéria bem simples sobre isso. A explicação está no próprio código em forma de comentário.

- Primeiro vamos relembrar a estrutura básica do html.
<!-- Isso é um comentário -->
<html>
 <head>              <!-- Cabeçalho -->
  <title>Título da Página</title>       <!-- Título da página -->
 </head>
  <body>   <!-- Corpo da página - Local onde deve ficar todo o conteúdo do site -->
    <form action=gravar.php method=post>  <!-- gravar.php será o arquivo feito em php para gravar os dados.   method= post significa que os dados não aparecerão na url -->
 <!-- aqui dentro você coloca os inputs, que são as caixas de texto onde os usuários irão preencher-->
  Nome Completo<input type="text" name="nome"><br>     <!-- A tag <br> serve para pular linha-->
  Data de Nascimento<input type="text" name="data"><br>     
  <!-- O atributo name possui o nome que você quer dar a caixa de texto (input)-->
  Telefone<input type="text" name="tel"><br>
  Endereço Completo:<br>
  Rua<input type="text" name="rua"><br>
  Nº<input type="text" name="n"><br>
  Bairro<input type="text" name="bairro"><br>
  Email<input type="text" name="email"><br>
<input type="submit" value="Enviar">          <!-- Para virar um botão basta mudar o atributo type para submit-->
<input type="reset" value="Limpar dados">  <!-- O atributo valor será o caption do botão-->


    </form>
 </body>       <!-- fechando as tags-->
</html>

Este foi um exemplo apenas utilizando caixas de texto e botões, sem qualquer formatação.
É um exemplo bem básico. Espero ter ajudado!

2 comentários:

  1. Aqui funcionou perfeitamente, realmente ficou muito bom, obrigado.
    usei um parecido no meu site: http://www.phaco.com.br/painel

    ResponderExcluir
    Respostas
    1. Valeu pela visita Lucas. Seu site está muito bom!
      Abraço.

      Excluir

Obrigado pela participação. Continue visitando Dúvidas de Programação - Programming Doubts

Links

Related Posts with Thumbnails