En handledning om hur man använder "Mailto" -formulär

En webbplatsfunktion som är ny webbdesigners kamp med är en form, men webbformulär behöver inte vara komplicerade. Mailto-formulär är ett enkelt sätt att få formulär att fungera. Dessa formulär är beroende av e-postklienter för att skicka formulärdata från kundens dator till formulärägaren. Mailto-formulär är lättare än att lära sig skriva PHP och billigare än att köpa ett förskrivet manus. Så här skapar du ett HTML-mailto-formulär.

Ett tangentbord med en Kontakta oss-knapp
Courtney Keating / E + / Getty Images

Komma igång

HTML-formulär kan vara utmanande för nya webbutvecklare eftersom dessa formulär kräver mer än att lära sig HTML-markering. Utöver HTML-element behövs för att skapa formuläret och dess fält, måste det finnas ett sätt att få formuläret att fungera. Detta kräver vanligtvis PHP, tillgång till en CGI-skripteller ett annat program för att skapa åtgärdsattributet för formuläret. Den åtgärden är hur formuläret behandlar data och vad det gör med det efteråt (till exempel skriva till en databas eller skicka ett e-postmeddelande).

instagram viewer

Om du inte har tillgång till ett skript för att få formuläret att fungera finns det en formuläråtgärd som de flesta moderna webbläsare stöder.

action = "mailto: youremailaddress"

Detta är ett enkelt sätt att få formulärdata från din webbplats till din e-post. Denna lösning är begränsad i vad den kan göra. Men för små webbplatser är det ett bra ställe att börja.

Tricks för att använda Mailto Forms

Använd enctype = "text / vanlig" attribut. Detta attribut berättar webbläsaren och e-postklienten att formuläret skickar vanlig text snarare än något mer komplicerat.

Vissa webbläsare och e-postklienter skickar formulärdata kodade för webbsidor. Detta innebär att data skickas som en rad, där mellanslag ersätts av plustecknet (+) och andra tecken kodas. Använda enctype = "text / vanlig" attribut gör informationen lättare att läsa.

Exempel på Mailto-formulär

Här är ett exempelformulär som använder mailto-åtgärden.


Ditt förnamn:
Ditt efternamn:
Kommentarer:

Detta är en enkel markering. Helst kodas dessa formulärfält med semantisk markering och element. Det här exemplet räcker dock för omfattningen av denna handledning.

Dina kunder ser ett meddelande som säger att formuläret skickas via e-post. Resultatet ser ut så här:

förnamn = Jennifer
efternamn = Kyrnin
kommentarer = Hej!

Använd GET- eller POST-metoden

Medan POSTA Metoden fungerar ibland, det får ofta webbläsaren att öppna ett tomt e-postfönster. Om detta händer dig med SKAFFA SIG metod och byt sedan till POSTA.

Särskild anmärkning om Mailto-formulär

Denna metod, även om den är lätt, begränsade den också. Det är viktigt att notera att mailto-formulär inte alltid fungerar för alla kombinationer av webbläsare och e-postklienter. Om du använde ett mailto-formulär och inte lyckades kan det finnas någon kombination av teknik som gjorde att funktionen misslyckades.

Denna metod är ett bra första försök att skapa webbformulär som genererar ett e-postmeddelande och skickar formulardata. När du blir mer avancerad i dina webbfärdigheter kan du utforska mer robusta alternativ. Från CGI-skript till PHP-formulär till CMS-plattformar som har inbyggda formulärwidgets, du har gott om avancerade alternativ att tänka på för dina framtida webbformulärbehov.