Formulários HTML



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.referenciando.com/referencias/html-xhtml/html-atributos/
http://desenaviegas.com/forms.html#read-only
http://flatschart.com/html5/optgroup.html

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

Um comentário:

Design por: Gabrielle Alves