Um tutorial sobre como usar formulários 'Mailto'

click fraud protection

Um recurso de site tão novo designers da web luta com é um formulário, mas os formulários da web não precisam ser complicados. Os formulários mailto são uma maneira fácil de fazer os formulários funcionarem. Esses formulários dependem de clientes de e-mail para enviar os dados do formulário do computador do cliente para o proprietário do formulário. Formulários mailto são mais fáceis do que aprender a escrever PHP e mais barato do que comprar um script pré-escrito. Veja como criar um formulário mailto em HTML.

Um teclado com um botão Fale conosco
Courtney Keating / E + / Getty Images

Começando

Formulários HTML podem ser desafiadores para novos desenvolvedores web porque esses formulários exigem mais do que aprender marcação HTML. Em adição ao Elementos HTML necessário para criar o formulário e seus campos, deve haver uma maneira de fazer o formulário funcionar. Isso geralmente requer PHP, acesso a um Script CGIou outro programa para criar o atributo de ação do formulário. Essa ação é como o formulário processa os dados e o que faz com eles depois (por exemplo, gravar em um banco de dados ou enviar um e-mail).

instagram viewer

Se você não tiver acesso a um script para fazer o formulário funcionar, há uma ação de formulário que a maioria dos navegadores modernos suporta.

action = "mailto: youremailaddress"

Esta é uma maneira simples de enviar os dados do formulário do seu site para o seu e-mail. Essa solução é limitada no que pode fazer. No entanto, para pequenos sites, é um bom lugar para começar.

Truques para usar formulários Mailto

Use o enctype = "texto / simples" atributo. Este atributo informa ao navegador e ao cliente de e-mail que o formulário está enviando texto simples, em vez de algo mais complicado.

Alguns navegadores e clientes de e-mail enviam dados de formulário codificados para paginas web. Isso significa que os dados são enviados como uma linha, onde os espaços são substituídos pelo sinal de mais (+) e outros caracteres são codificados. Usando o enctype = "texto / simples" atributo torna os dados mais fáceis de ler.

Amostra de formulário mailto

Aqui está um exemplo de formulário usando a ação mailto.


Seu primeiro nome:
Seu último Nome:
Comentários:

Esta é uma marcação simples. Idealmente, esses campos de formulário são codificados usando marcação e elementos semânticos. No entanto, este exemplo é suficiente para o escopo deste tutorial.

Seus clientes veem uma mensagem informando que o formulário está sendo enviado por e-mail. O resultado é o seguinte:

first_name = Jennifer
last_name = Kyrnin
comentários = Olá!

Use o método GET ou POST

Enquanto o PUBLICAR às vezes funciona, mas geralmente faz com que o navegador abra uma janela de e-mail em branco. Se isso acontecer com você com o OBTER método e, em seguida, mude para PUBLICAR.

Nota especial sobre formulários Mailto

Este método, embora fácil, também é limitado. É importante observar que os formulários mailto nem sempre funcionam para todas as combinações de navegadores e clientes de e-mail. Se você usou um formulário mailto e não teve êxito, pode haver alguma combinação de tecnologia que causou a falha da função.

Este método é uma boa primeira tentativa de criar formulários da web que geram um e-mail e enviam dados do formulário. Conforme você avança em suas habilidades na web, explore opções mais robustas. De scripts CGI a formulários PHP e plataformas CMS que possuem widgets de formulário integrados, você tem muitas opções avançadas a serem consideradas para as necessidades futuras de formulários de seu site.

instagram story viewer