Componentes de Formulário

Índice

Referências

Rótulo - Label - Tag <label>

Exemplo de Label

Caixa de Texto sem Rótulo:

Grupo de Campos - FieldSet - Tags <fieldset> e <legend>

Isto é um grupo de campos

Caixa de Texto de uma linha - input tipo text - Tag <input>

Exemplo de Caixa de Texto de uma linha

Caixa de Senha - input tipo password - Tag <input>

Exemplo de Caixa de Senha

Caixa de Texto de mais de uma linha - textarea - Tag <textarea>

Exemplo de Caixa de Texto de mais de uma linha

Caixa de Envio de Arquivo - input tipo file - Tag <input>

Exemplo de Caixa de Envio de Arquivo

Botão Normal - input tipo button - Tag <input>

Exemplo de Botão Normal

Botão com Conteúdo HTML - button - Tag <button>

Exemplo de Botão com HTML

Botão de Submissão - input tipo submit ou button - Tag <input> ou Tag <button>

Exemplo de Botão de Submissão
Exemplo de Botão de Submissão
Exemplo de Botão de Submissão com a tag Button

Botão de Imagem - input tipo image - Tag <input>

Exemplo de Botão de Imagem

Botão de Limpeza - input tipo reset ou button - Tag <input> ou tag <button>

Exemplo de Botão de Limpeza
Exemplo de Botão de Limpeza com tag button

Botão de Rádio - input tipo radio - Tag <input>

Exemplo de Botão de Rádio

Caixa de Checagem - input tipo checkbox - Tag <input>

Exemplo de Caixa de Checagem

Caixa de Listagem de uma Linha com seleção simples - combobox - Tags <select> e <option>

Exemplo de Caixa de Seleção Simples

Caixa de Listagem de uma Linha com seleção múltipla - menu - Tags <select> e <option>

Exemplo de Caixa de Seleção Múltipla

Caixa de Listagem de mais de uma Linha com seleção simples - listbox - Tags <select> e <option>

Exemplo de Caixa de Listagem Simples

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

Campo oculto - hidden - Tag <input>

Campo oculto abaixo - onde está?