Como criar formulário com HTML até Como usar as TAG do HTML para criar o layout

Como criar formulário com HTML

Para criação de formulários é utilizado a tag FORM. A tag INPUT é utilizada para criar campos dentro do formulário.

Exemplo:

INPUT TYPE = "TEXT"

 

LABEL, indica o que o usuário deve preencher.

PLACEHOLDER, permite mostrar um texto no campo em que o usuário preenche.

SUBMIT, utilizado para submeter (criar um botão).

 

Atenção: Pesquise os TYPES de INPUT.

 

Como criar campo checkbox e radio com HTML

INPUT TYPE = "CHECKBOX"

Essa tag ´permite que o usuário selecione zero ou mais opções (ou todas).

VALUE = "a", indica o valor que será enviado.

 

RADIO, define um botão de opção. Apenas um termo pode ser selecionado.

CHECKED , define um termo pré-selecionado (é possível selecionar mais de um quando usamos checkbox).

 

Como criar campo select e textarea com HTML

SELECT, define uma lista. OPTION, define as opções da lista.

SELECTED, deixa qualquer termo pré-selecionado.

 

TEXTAREA, define um campo de entrada de várias linhas.

Exemplo:

TEXTARE ROWS="5" COLS='30'

ROWS, refere-se as linhas e COLS, refere-se as linhas.

 

BUTTON, define um botão (quando não é preciso submeter o formulário).

ONCLICK, é uma função Javascript (permite transmitir mensagens).

Atenção: é recomendável usar o formato INPUT TYPE.

 

Como usar as TAG do HTML para criar o layout

O HTML possui vários elementos que definem diferentes partes de uma página web:

HEADER, define um cabeçalho para um documento ou seção.

NAV, define um conjunto de links de navegação (menu).

SECTION, define uma seção em um documento.

ARTICLE, define um conteúdo.

ASIDE, define o conteúdo complementar (como uma barra lateral)

FOOTER, define um rodapé para um documento ou seção.

DETAILS, define detalhes adicionais que o usuário pode abrir e fechar sob demanda

SUMMARY, define um título para o DETAILS elemento.