Logotipo Design Interativo

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


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.

Deixe o seu comentário!

publicidade
publicidade
publicidade

Design Tools

Links

Conheça sites sobre ux, design, front-end, comunicação, inspiração e muito mais, fique por dentro das novidades do mercado com nossa lista.


Profissionais Influentes

Conheça os profissionais que influenciam e trabalham para a comunidade de design e fron-end e user experience, confira o Twitter de cada um.


Curta nossa fanpage e fique por dentro das novidades do site
publicidade
publicidade
publicidade