Formulários HTML


                        Elementos/ Atributos/ Valores


Elemento:
<form>  Define um formulário para entrada do usuário.
Atributo:
 id  Dá um nome único para a tag e seu respectivo conteúdo.
 action  Define o tipo de ação a realizar com o formulário.
 method  Este atributo se encarrega de especificar a forma na qual o formulário é enviado.
 enctype  Utiliza-se para indicar a forma na qual viajará a informação que for mandada pelo formulário.

Elemento:
<label > Define um rotulo para um elemento.
Atributo: 
 accesskey  Associa uma tecla a um elemento na página.
 for  Faz uma ligação da tag label com o campo.

Elemento:
<input>Define um campo de entrada.
Atributo:
 type  Determina o tipo de entrada de dados.
 id  Dá um nome único para a tag e seu respectivo conteúdo.
 name  Define o nome do formulário.
 accesskey  Define uma tecla de atalho para dar foco em um elemento.
 alt  Especifica um texto alternativo para uma imagem.
 checked (*1) Especifica que uma tag esteja pré selecionada quando a página carregar.
 disabled  Especifica que um elemento esteja desabilitado.
 maxlength (*2) Especifica o número máximo de caracteres permitidos em um elemento.
 readonly  Especifica que um campo seja somente de leitura.
 size (*2) Especifica a largura, em caracteres, de um elemento.
 src (*3) Especifica a URL de uma image para ser usada como botão de enviar.
 tabindex   Especifica a ordem de um elemento.
 value (*4)  Especifica o valor de um elemento.
 max (*5) Define um campo com valor máximo de elementos.
 min (*5) Define um campo com valor minimo de elementos.
 step (*5) Define um campo com intervalos de números para o campo de entrada.
Valor:
<text> Entrada de texto. Permite que um texto seja digitado em apenas uma linha. Utilizado para entrada de nome, endereço, e-mail, telefone, etc.
<date> Define um campo data por ano, mês e dia.
<email> Define um campo de e-mail.
<number> Define um campo para digitar número.
<range> Define um controle deslizante, com entrada em número.
<password> Entrada de senha. Funciona como o campo “text”, mas não apresenta os dados digitados. No lugar deles são apresentados asteriscos (*).
<hidden> Define um campo invisivel.
<file> Define um campo de busca de arquivo, carregar uma imagem que esta no computador.
<checkbox> Caixa de múltiplas opções. Permite que o usuário responda questões de múltipla escolha, ou seja, com mais de uma resposta. Utilizado para enquetes e avaliações on-line, entre outras.
<radio> Caixa de opções simples. Possibilita que o usuário responda questões de múltipla escolha, em que ele escolhe apenas uma resposta.
< button> Define um botão para pressionar.
<image> Define o input como uma imagem que serve de botão.
<submit> Define um botão para envio de formulário.
<reset> Define um botão para limpar os campos do formulário.

(*1)para input type radio ou checkbox.
(*2)para input type text ou password.
(*3) para input type image.
(*4)explicar a diferença do value para os diferentes tipos de inputs.
(*5) para input type number ou range.

Elemento:
<select> Define uma lista selecionável (uma caixa drop-down).
Atributos:
 id  Dá um nome único para a tag e seu respectivo conteúdo.
 multiple  Permite escolher mais de uma opção em uma lista.
 disable  Especifica que um elemento esteja dasabilitado.
 size  Especifica a largura, em caracteres, de um elemento.
 tabindex  Especifica a ordem de um elemento.

Elemento:
<option> Define uma opção em uma caixa drop-down.
Atributo:
  value  Especifica o valor de um elemento.
 selected  Define entre os itens inseridos, qual aparecerá previamente  selecionado.
 label> Define um nome para o elemento.
 disabled  Especifica que um elemento esteja desabilitado.
Elemento:
<optgroup> Permite agrupar elementos, organizando o seu conteúdo.
Atributo:
  disabled  Especifica que um elemento esteja dasabilitado.
   label  Define um rótulo para um controle.
Elemento:
 <textarea>  Define uma área de texto (um controle de entrada de texto multi-linhas).
Atributo:
 id  Dá um nome único para a tag e seu respectivo conteúdo.
 tabindex  Especifica a ordem de um elemento.
 accesskey  Cria uma tecla de atalho para dar foco em um elemento.
 cols  Determina a divisão da tela em colunas.
 rows  Define a divisão da tela em linhas.
 readonly  Especifica se o controle pode ser modificado ou não.

Elemento:
<button> Insere um controle de botões variados.
Atributo:
 id  Dá um nome único para a tag e seu respectivo conteúdo.
 accesskey  Cria uma tecla de atalho para dar foco em um elemento.
 disabled  Especifica que um elemento esteja desabilitado.
 tabindex  Especifica a ordem de um elemento.
 type  Especifica o tipo de um elemento.
 value  Especifica o valor de um elemento.

Elemento:
<fieldset> Define um conjunto de campos.

Elemento:
<legend> Define um título para um conjunto de campos.
Atributo:
 accesskey  Cria uma tecla de atalho para dar foco em um elemento.







www.html5rocks.com 
www.criarweb.com/artigos/93.php

Post Relacionados

Formulários HTML irinei.fatec Rating: 5 quarta-feira, 3 de abril de 2013

Um comentário: