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


tag-de-formulario-html-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.

<label>Nome: </label>

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.





Artigos Relacionados


Designer de Interface pós graduado em Arquitetura da Informação. UI/UX Designer e Front-end Developer, atualmente atendo empresas como freelancer e sou colaborador em uma agência de comunicação onde desenvolvo interfaces criativas com foco na experiência do usuário. Organizador por natureza acredito que o caos é a matéria-prima necessária.

Deixe o seu comentário

Seu endereço de email não será publicado.

Você pode usar HTML tags e atributos: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>