Use as tags corretas para fazer formulários em HTML e CSS

Use as tags corretas para fazer formulários em HTML e CSS

Publicado em 10 abr 2014

Não basta apenas inserir divs e campos em HTML para criar formulários, é necessário utilizar as tags corretas para uma semântica correta além de facilitar a manutenção e economizar em código, deixando a página mais leve e organizada.

Confira as tags certas e as formatações no seu CSS

Use sempre a tag label para indicar o título do campo e apenas input para os campos, no CSS basta setar cada tipo e criar seu estilo.

Para formatar os campos no CSS use as seguintes sintaxes:

label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}

textarea {
overflow: auto;
vertical-align: top;
}

No próximo post irei colocar o código HTML e CSS de um formulário estilizado e responsivo.

Gostou desse artigo? Dá uma forcinha!
A única forma que consigo remunerar meu site é através de anúncios, não esqueça de conferir!




Deixe o seu comentário