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.

AULA 3 - 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 - Quandotype=”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.