Formulários em HTML

Um formulário é uma área que pode conter elementos de formulário (como campos de texto, campos de área de texto, menus drop-down, botões radiais, caixas de seleção etc.). Neste post veja formulários em HTML.

Os elementos de formulário permitem ao usuário entrar com informações.

Um formulário é definido pela tag <form>.

Codificação de um formulário:

  <!-- método de envio das informações-->
  <form action="http://www.meusite.com.br/usuarios" method="POST">
  
  <!-- POST: envia as informações ocultamente -->
  <!-- GET: envia as informações diretamente na URL -->
  
  <!-- campos -->
  Nome: <input type="text" name="nome" size="100" maxlength="100" />
  E-mail: <input type="text" name="email" size="100" maxlength="100" /><br />
  <div>
  Sexo: <input type="radio" name="sexo" value="feminino"/>masculino 
 	<input type="radio" name="sexo" value="masculino"/>feminino 
  </div>  
  Tel.: <input type="text" name="telefone" size="50" maxlength="15" />
  Senha: <input type="password" name="senha" size="30" maxlength="10" />
  
  <!-- menu de opções -->  
  Como conheceu este site?
  <br /><br />
  <select name="como_me_conheceu">
   <option value="facebook"> Facebook
   <option value="orkut"> Orkut
   <option value="yahoo"> Yahoo Respostas!
   <option value="google"> Google
   <option value="outro"> Outro lugar
  </select>
  <br /><br />
  Deixe seus comentários:
  <br /><br />
  <textarea name="comentarios" cols="50" rows="10"></textarea>  
  <br /><br />  
  <input type="checkbox" name="info" checked /> Desejo receber novidades deste site!
  <br /><br />
  <input type="submit" value="Enviar"/>
  <input type="reset" value="Limpar"/>
 </form>

Estrutura básica em HTML

Dúvidas ou sugestões? Deixem nos comentários! Para mais dicas, acesse o nosso canal no YouTube:
https://youtube.com/criandobits