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.
HomeFormulários HTML
Formulários HTML
16:12
irinei.fatec
Publicado em:
www.html5rocks.com
www.criarweb.com/artigos/93.php
Formulários HTML
irinei.fatec
Rating: 5
quarta-feira, 3 de abril de 2013
Assinar:
Postar comentários (Atom)
Retire os sinais de <> dos atributos
ResponderExcluir