Een zelfstudie over het gebruik van 'Mailto'-formulieren

Een website-functie die nieuw is webdesigners worstelen met is een formulier, maar webformulieren hoeven niet ingewikkeld te zijn. Mailto-formulieren zijn een gemakkelijke manier om formulieren te laten werken. Deze formulieren zijn afhankelijk van e-mailclients om de formuliergegevens van de computer van de klant naar de eigenaar van het formulier te verzenden. Mailto-formulieren zijn gemakkelijker dan leren schrijven PHP en goedkoper dan het kopen van een vooraf geschreven script. Hier leest u hoe u een HTML-mailto-formulier maakt.

Een toetsenbord met een Contact Us-knop
Courtney Keating / E+ / Getty Images

Beginnen

HTML-formulieren kunnen een uitdaging zijn voor nieuwe webontwikkelaars omdat voor deze formulieren meer nodig is dan het leren van HTML-opmaak. Naast de HTML-elementen nodig is om het formulier en zijn velden te maken, moet er een manier zijn om het formulier te laten werken. Dit vereist meestal PHP, toegang tot a CGI-script, of een ander programma om het actiekenmerk van het formulier te maken. Die actie is hoe het formulier de gegevens verwerkt en wat het er daarna mee doet (bijvoorbeeld naar een database schrijven of een e-mail sturen).

instagram viewer

Als je geen toegang hebt tot een script om het formulier te laten werken, is er één formulieractie die door de meeste moderne browsers wordt ondersteund.

action="mailto: uwe-mailadres"

Dit is een eenvoudige manier om de formuliergegevens van uw website naar uw e-mail te krijgen. Deze oplossing is beperkt in wat het kan doen. Voor kleine websites is het echter een goed begin.

Trucs voor het gebruik van Mailto-formulieren

Gebruik de enctype="tekst/gewoon" attribuut. Dit kenmerk vertelt de browser en de e-mailclient dat het formulier platte tekst verzendt in plaats van iets ingewikkelders.

Sommige browsers en e-mailclients verzenden formuliergegevens gecodeerd voor: webpagina's. Dit betekent dat de gegevens als één regel worden verzonden, waarbij spaties worden vervangen door het plusteken (+) en andere tekens worden gecodeerd. De... gebruiken enctype="tekst/gewoon" attribuut maakt de gegevens gemakkelijker te lezen.

Voorbeeld Mailto-formulier

Hier is een voorbeeldformulier met de actie mailto.


Jouw voornaam:
Je achternaam:
Opmerkingen:

Dit is een eenvoudige opmaak. Idealiter worden deze formuliervelden gecodeerd met semantische opmaak en elementen. Dit voorbeeld is echter voldoende voor de reikwijdte van deze zelfstudie.

Uw klanten zien een bericht dat het formulier via e-mail wordt verzonden. Het resultaat ziet er als volgt uit:

first_name=Jennifer
last_name=Kyrnin
comments=Hallo daar!

Gebruik de GET- of POST-methode

Terwijl de POST methode soms werkt, zorgt het er vaak voor dat de browser een leeg e-mailvenster opent. Als dit u overkomt met de KRIJGEN methode, schakel dan over naar POST.

Speciale opmerking over Mailto-formulieren

Deze methode is weliswaar eenvoudig, maar ook beperkt. Het is belangrijk op te merken dat mailto-formulieren niet altijd werken voor alle combinaties van browsers en e-mailclients. Als u een mailto-formulier hebt gebruikt en niet succesvol was, kan er een combinatie van technologie zijn waardoor de functie is mislukt.

Deze methode is een goede eerste poging om webformulieren te maken die een e-mail genereren en formuliergegevens verzenden. Naarmate u geavanceerder wordt in uw webvaardigheden, kunt u meer robuuste opties verkennen. Van CGI-scripts tot PHP-formulieren tot CMS-platforms met ingebouwde formulierwidgets, je hebt tal van geavanceerde opties om te overwegen voor je toekomstige websiteformulierbehoeften.

instagram story viewer