Formulários

Você aprendeu a especificar formulários na Aula 3 desta disciplina, e viu que, quando você os utiliza em seus documentos, eles são exibidos com um formato padrão.

Usando CSS você pode adequar o formulário com o projeto visual da sua página. Todos os elementos de controle que você conheceu na Aula 3 são estilizáveis, tais como button, input, select, textarea, dentre outros.

Então, vamos aprender a estilizar alguns desses elementos? Para isso, o formulário mostrado na Figura 10 (HTML e sua renderização) será usado como exemplo.

Os elementos de um formulário são estilizáveis com propriedades que você já aprendeu nas aulas passadas, referentes a fontes, textos, cores, planos de fundo e bordas.

See the Pen autoria_web_6f10_formulario by Materiais (@materiais) on CodePen.

Agora, você verá alguns exemplos de estilização dos elementos desse formulário.