Lektioner

Uppgift

Skapa ett enkelt mailto-formulär

Uppgiften går ut på att skapa ett formulär som skriver ett e-postmeddelande. Just det här exemplet använder sig av användarens dators mailprogram för att skicka mailet. I de flesta verkliga fall används dock serverscript för att skicka brev från webbsidor, kolla gärna exempel. Det som skulle ändras i ett sådant fall är framför allt värdena till attributen action och method i <form>-taggen.

Du kan utgå från exemplet nedan, men anpassa och ändra det efter eget huvud. Mailen som skickas från formuläret ska ha en förinställd ämnesrad (för att det enkelt ska kunna skiljas från annan mail):

<form action="mailto:you@yourdomain" method="post" enctype="text/plain">
   <p>Name: <input type="text" name="name" /></p>
   <p>Email: <input type="text" name="email" /></p>
   <p>Comments:<br />
   <textarea cols="30" rows="20" name="comments"></textarea></p>
   <p><input type="submit" name="submit" value="Send" />
   <input type="reset" name="reset" value="Clear Form" /></p>
</form>

Du kommer upptäcka att du kan få konstiga tecken i mailet, det beror på att get innebär att innehållet i formuläret skickas som en URL. I en URL kodas "konstiga" tecken annorlunda än i vanlig HTML.

Det går också att bygga ut mailto: på massor av sätt. Testa!

Skapa formuläret i ett dokument i en ny mapp med namnet "mailtoformular" och länka till den från din förstasida