---
# System prepended metadata

title: Untitled

---

SESSION THREE: CHECKIN — LINGUAGEM DE PROGRAMAÇÃO

Nome:Pedro Henrique Gomes De Oliveira Sardinha
N°:41
Turma:INFO-B

ELEMENTOS DE FORMULÁRIO — HTML


Os formulários são comuns em toda a Web, é difícil não encontrarmos por toda a parte, todavia precisamos compreender seus tipos e elementos.


 ![](https://i.imgur.com/sp4OK0O.png)

  <input>: O elemento input é um dos mais utilizados e pode aparecer de diversas formas dependendo do seu atributo (type=“”).
Estes atributos podem ser:
<input type="button"> (botão)
<input type="color"> (cor)
<input type="date"> (data)
<input type="email"> (email)
<input type="file"> (arquivo)
<input type="hidden"> (oculto)
<input type="image"> (imagem)
<input type="month"> (mês)
<input type="number"> (número)
<input type="password"> (senha)
<input type="radio"> (aquele botãozinho redondo)
<input type="search"> (pesquisar)
<input type="submit"> (enviar)

E diversos outros.

<label>:: representa uma legenda para um item em uma interface de usuário.
Além do mais, é extremamente útil para aqueles que dependem de leitores de tela ou tem extrema dificuldade em clicar em botões extremamente pequenos, como o radio.
É valido e importante ressaltar que o id deste elemento deve ser igual ao da tag input.

<select>: Define uma lista de opções que podem ser selecionadas. Podemos ainda, atribuir uma pré-seleção:

<size>: É um atributo para demonstrar uma certa quantia de opções de valores disponíveis

<multiple>: Permite que demarquemos mais uma opção no formulário.

<textarea>: Define um campo com linhas, uma área de texto, como diz o seu próprio nome. Por padrão ele vem com os atributos rows e cols.
Rows refere-se a quantidade de linha para escrevermos no campo, enquanto o atributo Cols. a sua largura.

<button>: Cria um botão clicável

<fieldset>, <legend>: Este elemento cria um agrupamento de input em um formulário, enquanto o elemento <legend> define uma legenda para o <fieldset>

<datalist>: Este elemento especifica um lista predefinida de opções para o elemento <input>, isto é, à medida que os usuários digitarem os dados. O atributo de lista do elemento <input>, deve referir-se ao atributo de id do elemento <datalist>.

<output>: É um elemento no qual um site ou aplicativo pode demonstrar os resultados de uma ação do usuário.
