Categories: Programação

Formulário de cadastro em HTML/CSS [Atualizado]

Componente de formulário de cadastro e login usando apenas CSS e HTML para usar de inspiração ou em projetos pessoais.

Nesse componente tentei montar um modelo completo de formulário de login e cadastro, foi feito apenas com CSS e HTML, um modelo simples e muito usual que pode ser usado facilmente em qualquer projeto de site ou em painéis de controle personalizados de sistema.

Já está todo responsivo com ícones que fica fácil de identificar cada elemento e alguns inputs.

Para quem possui um pouco de conhecimento é possível fazer grandes alterações nesse formulário de login e cadastro, basta usar um pouco a criatividade.

Também foram usados alguns itens externos que pode ou não ser usados em seu projeto, como as fontes e os ícones, no caso dos ícones eles podem ser trocado por svg e as fontes pode ser usada outra de sua preferência.

Para pessoas mais leigas ou iniciantes é preciso de um pouco de conhecimento em SCSS ou pode usar algum conversor para converter de SCSS para CSS, na internet existem várias opções para isso.

As variáveis devem ser alteradas para os valores corretos pois alguns conversores dão erro na hora de converter variáveis.

Os formulários já são responsivos, portanto não precisa se preocupar com a versão mobile do seu site.

Os ícones usados são do fontawesome.com  e a fonte está sendo usada a Rubik do https://www.google.com/fonts.

Clique aqui e confira mais componentes.

Isto foi útil?

Obrigado pelo seu feedback!
cupcom

Recent Posts

Descubra 6 vantagens de escolher o WooCommerce para criar sua loja virtual

Nesse artigo vamos falar um pouco das vantagens de usar o Woocommerce em seu projeto…

3 horas ago

Transformar código em imagem: Confira 3 opções

Nesse artigo vamos apresentar 3 opções para transformar seus códigos em imagens e divulgar em…

7 horas ago

Google Analytics: Descubra as principais métricas para impulsionar seu e-commerce

O Google Analytics é uma ferramenta poderosa e totalmente gratuita oferecida pelo Google, que fornece…

11 horas ago

Como criar um template de e-mail marketing que vende

O E-mail Marketing ainda é uma das maneiras mais eficientes de envolver seu usuário e…

14 horas ago

Layout de e-commerce: Aprenda a criar um vendedor de sucesso e aumente suas vendas online

Se você possui ou planeja criar uma loja virtual, descubra dicas essenciais para criar um…

19 horas ago

7 editores de imagem JavaScript gratuitos

Neste artigo vamos listar 7 editores de imagens gratuitos em Javascript para você usar em…

23 horas ago