Posted by : Rannielhy Lima domingo, 7 de abril de 2013

Formulário HTML 

são usados ​​para transmitir dados para um servidor.

Um formulário HTML pode conter elementos de entrada, como campos de texto, caixas de seleção, botões de rádio-, apresentar botões e mais. Um formulário também pode conter listas de seleção, textarea, fieldset, legend, e elementos de rotulagem.


<form> é usado para criar um formulário HTML:

<form>
.
input elements
.
</form>

O elemento de entrada

O elemento de forma mais importante é o elemento <input>. O elemento <input> é usado para selecionar as informações do usuário. Um elemento <input> pode variar de muitas formas, dependendo do tipo de atributo. Um elemento <input> pode ser de campo de texto, tipo caixa, senha, botão de rádio, botão enviar, e muito mais..

Os campos de texto 

<input type="text"> define um campo de entrada de uma linha que um usuário pode digitar texto:
Nota: Os caracteres em um campo de senha são mascarados (mostrado como asteriscos ou círculos).

Campo de senha

<input type="password"> define um campo de senha:


Botões de rádio

<input type= "radio">define um botão de rádio. Botões de rádio que um usuário selecionar apenas um de um número limitado de opções:


Checkboxes

<input type="checkbox"> define uma caixa de seleção. Checkboxes permitir que um usuário selecionar zero ou mais opções de um número limitado de opções.


Botão Enviar

<input type="submit"> define um botão de envio
Um botão de envio é usado para enviar os dados do formulário para um servidor. Os dados são enviados para a página especificada no atributo a forma de ação. O arquivo definido no atributo action geralmente faz algo com a entrada recebida:

Etiqueta Descrição
<form> Define um formulário HTML para entrada de usuário
<input> Define um controle de entrada
<textarea> Define um controle de entrada de várias linhas (área de texto)
<label> Define um rótulo para um elemento <input>
<fieldset> Grupos de elementos relacionados de uma forma
<legend> Define uma legenda para um elemento <fieldset>
<select> Define uma lista drop-down
<optgroup> Define um grupo de opções relacionadas em uma lista drop-down
<option> Define uma opção em uma lista drop-down
<button> Define um botão clicável
<datalist> Especifica uma lista de opções pré-definidas para controles de entrada
<keygen> Define um campo gerador de par de chaves (para formulários)
<output> Define o resultado de um cálculo

Informações coletadas: W3C

Criando um formulário de cadastro de Aluno.


<form action="" method="post">
Nome?
<input type="text" name="nome" size="40"><br> <br>
E-mail?
<input type="text" name="e-mail" size="40">
<p>É sua primera graduação?
  <input type="radio" name="sim" value="sim">
  Sim
  <input type="radio" name="nao" value="nao"CHECKED>
Não

<P>O que você esta cursando?
  <select name="si"><option value="curso">Sistema para intenet</option>
<option value="adn">analise e desenvolvimento de sistemas</option>
<option value="jd">jogos digitais</option>
<option value="secretariado">Secretariado</option>
<option value="logistica">logistica</option>

</select>
<P> Descreva seu curso:
  <textarea name="comentario" cols="28" rows="5"></textarea><br> <br>


<br />
Esporte que você pratica <br />
<br />
<input name="futebol" type="checkbox" value="" />
Futebol<br />
<input name="volei" type="checkbox" value="" />
Volei<br />
<input name="boxe" type="checkbox" value="" />
boxe <br />
<input name="outros" type="checkbox" value="" />
Outros<br />
<br />

  <input type="submit" value="Enviar ">
  <input type="reset" value="Limpar Dados">
  </form>


Seu formulário ficara assim.


Nome?

E-mail?

É sua primeira graduação? Sim Não

O que você esta cursando?

Descreva seu curso:

Esporte que você pratica

Futebol
Volei
boxe
Outros









Seja bem vindo! ^^

Categorias

Seguidores

Popular Post

- Copyright © Tecnologia em Sistemas para Internet -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -