SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
FORMULÁRIOS HTML



1.Elemento – form

Atribruto – id, action, method e enctype

Valor – action - Endereço da aplicação para onde o formulário e seus dados serão enviados,
method - Método utilizado para envio do formulário, enctype - Tipo de codificação dos dados
do formulário.

2.Elemento – label

Atribruto – accesskey, for

Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao elemento, for
- Associa o rótulo ao controle indicado (usando seu parâmetro id).

3.Elemento – input

Atribruto – type, id, name, accesskey, alt, checked, disabled, maxlength, readonly, size,
src, tabindex, value, max, min, step.

Valor – type - Tipo do controle (text = caixa de texto de uma única linha | password = funciona
como text, mas os caracteres digitados serão representados por asteriscos ('*') | checkbox =
caixa de verificação/confirmação (permite seleções múltiplas) | button = botão | radio = botão de
opção (não permite seleções múltiplas) | submit = botão para enviar os dados do form | reset =
botão para restaurar o conteúido original do form | file = controle de seleção de arquivos |
hidden = controle oculto | image = funciona como submit mas utiliza uma imagem).

name - Nome do controle que o identifica ao enviar o formulário, accesskey - Caractere
correspondente à tecla de atalho para acesso ao element, alt - Texto alternative, checked -
Indica que um 'checkbox' ou um 'radio' estará previamente marcado, disabled - Desabilita o
controle de modo que o usuário não poderá interagir com ele, maxlength - Número máximo de
caracteres que o usuário pode inserir em um campo 'text' ou 'password’, readonly - Indica que
o controle será utilizado somente para leitura, impedindo alterações em seus valores, size -
Tamanho inicial do controle (Pode ser expresso em pixels. Quando type="password" ou
type="text" o tamanho indica o número de caracteres),
src - Quando type=”image”, indica a localização da imagem, tabindex - Ordem de navegação
na página quando se utiliza a tecla TAB, value - Valor previamente definido, max - O atributo
max especifica o valor máximo de um elemento <input>, min - O atributo min especifica
o valor mínimo para um elemento <input>, step - O atributo step pode ser usado junto
com o Max e atributos min para criar uma faixa de valores legais.

4.Elemento – select

Atribruto – id, multiple, disable, size, tabindex

Valor – multiple - Habilita a seleção com múltiplas opções, disable – Desabilita o controle de
modo que o usuário não poderá interagir com ele, size - Número de linhas em que as opções
serão visíveis no controle, tabindex - Ordem de navegação na página quando se utiliza a tecla
TAB.

5.Elemento – option

Atribruto – value, selected, label, disabled

Valor – value - Valor correspondente à opção e que será atribuído ao controle, selected -
Opção selecionada previamente, label - Rótulo vinculado à opção, disabled - Desabilita o
controle de modo que o usuário não poderá interagir com ele

6.Elemento – optgroup

Atribruto – disabled, label

Valor – disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele,
label - Rótulo com legenda para o grupo de opções.

7.Elemento – textarea

Atribruto – id, tabindex, accesskey, cols, rows, readonly

Valor – tabindex - Ordem de navegação na página quando se utiliza a tecla TAB, accesskey -
Caractere correspondente à tecla de atalho para acesso ao element, cols - Número de colunas
para a área de inserção de texto (uma coluna corresponde ao tamanho médio de um
caractere), rows - Número de linhas para a área de inserção de texto, readonly - Indica que o
controle será utilizado somente para leitura, impedindo alterações em seus valores.
8.Elemento – button

Atribruto – id, accesskey, disabled, tabindex, type, value

Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao element,
disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele, tabindex
- Ordem de navegação na página quando se utiliza a tecla TAB, type - Tipo do botão
(button:genérico; submit: para envio do formulário, submetendo os dados; ou reset: para
restaurar o conteúdo original do formulário), value - Valor previamente definido.

9.Elemento – fieldset




10.Elemento – legend

Atribruto – accesskey

Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao element.

Mais conteúdo relacionado

Mais de diogolevel3

Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3diogolevel3
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2diogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviaçõesdiogolevel3
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSdiogolevel3
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSdiogolevel3
 
Bases para internet
Bases para internetBases para internet
Bases para internetdiogolevel3
 
AULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASAULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASdiogolevel3
 

Mais de diogolevel3 (20)

Acessibilidade
AcessibilidadeAcessibilidade
Acessibilidade
 
Taquigrafia css
Taquigrafia cssTaquigrafia css
Taquigrafia css
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Seletores css
Seletores cssSeletores css
Seletores css
 
Modelo TCP/IP
Modelo TCP/IPModelo TCP/IP
Modelo TCP/IP
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Modelo osi
Modelo osiModelo osi
Modelo osi
 
Tutorial css
Tutorial cssTutorial css
Tutorial css
 
Css avançado
Css avançadoCss avançado
Css avançado
 
Lista de abreviações 3
Lista de abreviações 3Lista de abreviações 3
Lista de abreviações 3
 
Lista de abreviações 2
Lista de abreviações 2Lista de abreviações 2
Lista de abreviações 2
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 
Lista de abreviações
Lista de abreviaçõesLista de abreviações
Lista de abreviações
 
Post 5
Post   5Post   5
Post 5
 
Post 4
Post   4Post   4
Post 4
 
AULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSSAULA 4 - PROPRIEDADES CSS
AULA 4 - PROPRIEDADES CSS
 
Aula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSSAula 4 - VISÃO GERAL CSS
Aula 4 - VISÃO GERAL CSS
 
Bases para internet
Bases para internetBases para internet
Bases para internet
 
AULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELASAULA 2 - UTILIZAÇÃO DE TABELAS
AULA 2 - UTILIZAÇÃO DE TABELAS
 

Formulários HTML

  • 1. FORMULÁRIOS HTML 1.Elemento – form Atribruto – id, action, method e enctype Valor – action - Endereço da aplicação para onde o formulário e seus dados serão enviados, method - Método utilizado para envio do formulário, enctype - Tipo de codificação dos dados do formulário. 2.Elemento – label Atribruto – accesskey, for Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao elemento, for - Associa o rótulo ao controle indicado (usando seu parâmetro id). 3.Elemento – input Atribruto – type, id, name, accesskey, alt, checked, disabled, maxlength, readonly, size, src, tabindex, value, max, min, step. Valor – type - Tipo do controle (text = caixa de texto de uma única linha | password = funciona como text, mas os caracteres digitados serão representados por asteriscos ('*') | checkbox = caixa de verificação/confirmação (permite seleções múltiplas) | button = botão | radio = botão de opção (não permite seleções múltiplas) | submit = botão para enviar os dados do form | reset = botão para restaurar o conteúido original do form | file = controle de seleção de arquivos | hidden = controle oculto | image = funciona como submit mas utiliza uma imagem). name - Nome do controle que o identifica ao enviar o formulário, accesskey - Caractere correspondente à tecla de atalho para acesso ao element, alt - Texto alternative, checked - Indica que um 'checkbox' ou um 'radio' estará previamente marcado, disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele, maxlength - Número máximo de caracteres que o usuário pode inserir em um campo 'text' ou 'password’, readonly - Indica que o controle será utilizado somente para leitura, impedindo alterações em seus valores, size - Tamanho inicial do controle (Pode ser expresso em pixels. Quando type="password" ou type="text" o tamanho indica o número de caracteres),
  • 2. src - Quando type=”image”, indica a localização da imagem, tabindex - Ordem de navegação na página quando se utiliza a tecla TAB, value - Valor previamente definido, max - O atributo max especifica o valor máximo de um elemento <input>, min - O atributo min especifica o valor mínimo para um elemento <input>, step - O atributo step pode ser usado junto com o Max e atributos min para criar uma faixa de valores legais. 4.Elemento – select Atribruto – id, multiple, disable, size, tabindex Valor – multiple - Habilita a seleção com múltiplas opções, disable – Desabilita o controle de modo que o usuário não poderá interagir com ele, size - Número de linhas em que as opções serão visíveis no controle, tabindex - Ordem de navegação na página quando se utiliza a tecla TAB. 5.Elemento – option Atribruto – value, selected, label, disabled Valor – value - Valor correspondente à opção e que será atribuído ao controle, selected - Opção selecionada previamente, label - Rótulo vinculado à opção, disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele 6.Elemento – optgroup Atribruto – disabled, label Valor – disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele, label - Rótulo com legenda para o grupo de opções. 7.Elemento – textarea Atribruto – id, tabindex, accesskey, cols, rows, readonly Valor – tabindex - Ordem de navegação na página quando se utiliza a tecla TAB, accesskey - Caractere correspondente à tecla de atalho para acesso ao element, cols - Número de colunas para a área de inserção de texto (uma coluna corresponde ao tamanho médio de um caractere), rows - Número de linhas para a área de inserção de texto, readonly - Indica que o controle será utilizado somente para leitura, impedindo alterações em seus valores.
  • 3. 8.Elemento – button Atribruto – id, accesskey, disabled, tabindex, type, value Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao element, disabled - Desabilita o controle de modo que o usuário não poderá interagir com ele, tabindex - Ordem de navegação na página quando se utiliza a tecla TAB, type - Tipo do botão (button:genérico; submit: para envio do formulário, submetendo os dados; ou reset: para restaurar o conteúdo original do formulário), value - Valor previamente definido. 9.Elemento – fieldset 10.Elemento – legend Atribruto – accesskey Valor – accesskey - Caractere correspondente à tecla de atalho para acesso ao element.