# SESSION THREE: CHECKIN — LINGUAGEM DE PROGRAMAÇÃO
Author: Igor Lima Charles
N°: 18
Grade: INFO A

## 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.


* **<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:
<option value="Coxinha" selected>Coxinha</option>

* **<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.