O documento descreve os principais elementos e atributos utilizados para criar formulários HTML, incluindo o elemento form para definir o formulário, inputs para diferentes tipos de campos como caixas de texto e botões, e select para dropdowns. É explicado como esses elementos funcionam e quais atributos podem ser usados para personalizá-los e adicionar funcionalidades.
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.