Componentes de Formulário
Índice
Referências
Rótulo
Conjunto de Campos
Caixa de Texto de uma linha
Caixa de Senha
Caixa de Texto de mais de uma linha
Caixa de Envio de Arquivos
Botão
Botão com conteúdo HTML
Botão de Submissão
Botão de Imagem
Botão de Limpeza
Botão de Rádio
Caixa de Checagem
Caixa de Listagem de uma linha com seleção simples (combobox)
Caixa de Listagem de uma linha com seleção múltipla
Caixa de Listagem de mais de uma linha com seleção simples (listbox)
Caixa de Listagem de mais de uma linha com seleção múltipla (listbox)
Menu em cascata
Item oculto
Referências
Especificação de HTML Forms 4.01 - Português
Recomendações para a acessibilidade do conteúdo da Web - Português
Referências para as Tags de Formulário - Português
Formulários em HTML - sitepoint - Inglês
Formulários em HTML - w3schools - Inglês
Formulários em HTML - idocs - Inglês
Rótulo - Label - Tag <label>
Exemplo de Label
Caixa de Texto com Rótulo:
Caixa de Texto sem Rótulo:
Caixa de Texto com Rótulo:
Grupo de Campos - FieldSet - Tags <fieldset> e <legend>
Isto é um grupo de campos
Caixa de Texto:
Caixa de Texto de uma linha - input tipo text - Tag <input>
Exemplo de Caixa de Texto de uma linha
Caixa de Texto de uma linha
Caixa de Senha - input tipo password - Tag <input>
Exemplo de Caixa de Senha
Caixa de Senha:
Caixa de Texto de mais de uma linha - textarea - Tag <textarea>
Exemplo de Caixa de Texto de mais de uma linha
Área de Texto:
Oi, Mundo!
Caixa de Envio de Arquivo - input tipo file - Tag <input>
Exemplo de Caixa de Envio de Arquivo
Enviar Arquivo:
Botão Normal - input tipo button - Tag <input>
Exemplo de Botão Normal
Botão
Botão com Conteúdo HTML - button - Tag <button>
Exemplo de Botão com HTML
Botão com HTML
Executar
Ação
Botão de Submissão - input tipo submit ou button - Tag <input> ou Tag <button>
Exemplo de Botão de Submissão
Botão Submit com o valor padrão
Exemplo de Botão de Submissão
Botão Submit
Exemplo de Botão de Submissão com a tag Button
Botão Submit
Cadastrar Informações
Botão de Imagem - input tipo image - Tag <input>
Exemplo de Botão de Imagem
Botão de Imagem
Botão de Limpeza - input tipo reset ou button - Tag <input> ou tag <button>
Exemplo de Botão de Limpeza
Botão de Limpeza
Exemplo de Botão de Limpeza com tag button
Botão de Limpeza
Limpar
Botão de Rádio - input tipo radio - Tag <input>
Exemplo de Botão de Rádio
Masculino
Feminino
Caixa de Checagem - input tipo checkbox - Tag <input>
Exemplo de Caixa de Checagem
Marcar:
Caixa de Listagem de uma Linha com seleção simples - combobox - Tags <select> e <option>
Exemplo de Caixa de Seleção Simples
Selecionar um Item:
Item 1
Item 2
Item 3
Item 4
Item 5
Caixa de Listagem de uma Linha com seleção múltipla - menu - Tags <select> e <option>
Exemplo de Caixa de Seleção Múltipla
Selecionar mais de um item:
Item 1
Item 2
Item 3
Item 4
Item 5
Caixa de Listagem de mais de uma Linha com seleção simples - listbox - Tags <select> e <option>
Exemplo de Caixa de Listagem Simples
Selecionar um item:
Item 1
Item 2
Item 3
Item 4
Item 5
Caixa de Listagem de mais de uma Linha com seleção múltipla - listbox - Tags <select> e <option>
Exemplo de Caixa de Listagem Múltipla
Selecionar mais de um item:
Item 1
Item 2
Item 3
Item 4
Item 5
Menu em Castaca - listbox - Tags <select>, <option> e <optgroup>
Exemplo de Listbox com grupos
Op1
Op2
Op3
Op4
Op5
Campo oculto - hidden - Tag <input>
Campo oculto abaixo - onde está?