Gostou do Artigo? Compartilhe!
  • 2
    Shares

Formulário de Contato com Anexo Responsivo – Saiba como coloca-lo em seu site!

Antes de tudo, formulário de contato com anexo, é aquele formulário inserido nos sites e blogs para que o usuário possa entrar em contato com você. Deste modo, cria a possibilidade de o usuário escolher um arquivo para ser enviado junto com sua mensagem. Ou seja, uma imagem, pdf, txt, ou qualquer extensão que queira, desde que edite no código.

E como inserir um Formulário de Contato com Anexo Responsivo em meu site?

Caso, não saiba como adicionar um formulário de contato em seu site, a Weblina te ensinará. Apesar de muito fácil, nem todos os usuários são experientes a tal ponto de conseguir fazer de maneira autônoma. Ao final do artigo, será disponibilizado em uma pasta zipada, todos os arquivos necessários para que o formulário de contato com anexo funcione corretamente.

Em primeiro lugar, precisa criar um arquivo chamado formulário.php, para isso, pode utilizar qualquer editor de texto simples, como o Notepad do próprio Windows, ou um mais avançado, por exemplo o notepad++.

Em conformidade com as leis de copyright, mantenha os créditos.

Chamando as funções Responsivas, CSS, JavaScript, e a uma Mascara (DD) para os telefones.

A principio, precisamos colocar esta linha de código para chamar as funções dinâmicas do formulário, para permitir a responsividade e deixa-lo com uma mensagem bonita de envio.

formulario de contato com anexo mensagem enviada

Mascara (DD) para o campo telefone residencial (8 números) e celular (9 números)

Este script de mascara poderá ser colocada ao final do código HMTL do formulário.

Para que o formulário funcione, precisamos do código em php, segue abaixo, poderá ser editado a gosto.

Escrevendo o formulário em HTML:

Este código HTML, é  o formulário propriamente dito, edite conforme sua necessidade. Embora seja um código aberto, pedimos que mantenha os créditos.

Logo após, copiar e colar os códigos citados acima no arquivo formulário.php, comece a edita-los. Deste modo, terá um formulário personalizado em seu site.

Arquivos utilizados neste artigo:

Baixe os arquivos utilizados neste artigo, coloque todos na raiz do seu site, para que funcione corretamente.

Download do Formulário de contato!


Gostou do Artigo? Compartilhe!
  • 2
    Shares
Categorias: Tutoriais

1 comentário

Inserir botão voltar ao topo - Com efeito Scroll - Blog Weblina · 09/06/2018 às 23:21

[…] o artigo de como inserir um formulário de contato com anexo responsivo em seu […]

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *