---
# System prepended metadata

title: 'SESSION THREE: CHECKIN — LINGUAGEM DE PROGRAMAÇÃO'

---

# SESSION THREE: CHECKIN — LINGUAGEM DE PROGRAMAÇÃO
Autor: Erik Alexandre da Silva
N°: 10
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/bI67EwB.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:
<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.
