Formulários

Padrões de Formulários

ANTES DE TUDO, clique aqui e confira a forma de criarmos um formulário de contato padrão DIN :)

Loading

Inserir um loading para que fique no lugar do botão de submit ao enviar o formulário. No exemplo a seguir, é só adicionar ao seu elemento as classes fa fa-spin e em seguida escolher qual símbolo de loading no Font Awesome, pois o projeto já está - ou pelo menos deveria estar - configurado com suas propriedades.

  <span class="fa fa-spin"></span>

Mensagens de retorno

Todo formulário deve ter mensagens de erro e sucesso. Você pode adicionar o seguinte HTML:

  <span class"dd-error">Nome é obrigatório.</span>
  <span class"dd-success">Formulário enviado com sucesso.</span>

Para elementos de entrada, como input, textarea e etc. a classe .dd-error já está formatada para adicionar a cor vermelha na borda.

Recaptcha

Independente se há ou não no layout, devemos sempre colocar antes do botão de envio do formulário um Recaptcha. Ele evita envio de spams e ataques.