|
Undervisningsmaterial Webbdesignövning |
Skicka formuläret
Inledning
På förra sidan gjorde du ett enkelt formulär. Du fick lära dig allt fram tills dess att formuläret skall skickas. Här skall vi titta på hur man gör det.
Teorin kring formulär är ganska komplicerad. Därför har jag delat in den här sidan i två olika delar, dels en som förklarar hur formuläret skickas med vanlig Html-kod, dels en som berättar lite mer om hur man använder scripts.
Första uppgiften: Skicka formuläret med Html
Börja med att klicka på hela formuläret för att aktivera det.
I Inspector (kontextpaletten) hittar man då inställningar för att ställa in hur formuläret skall skickas.
Vi har redan skrivit in namnet. Nu skall vi fylla i uppgifter för action och method.
För att formuläret skall kunna skickas måste vi ange en e-postadress. Denna skrivs dessutom efter kommandot mailto:, som bilden visar.
Tips!
Vill man att formuläret skall skickas med ett ämne (subject) kan man skriva in mailto: och e-postadressen. Därefter och utan mellanslag skriver man in ett frågetecken och kommandot subject. Html-koden kommer att se ut ungefär så här:
action="mailto:info@domän.nu?subject=formulär_1"
Obs!
När man använder kommandot mailto: kommer datorns e-postprogram att öppnas. Datan man skrivit in skickas sedan genom det. I bästa fall skickas då formuläret på rätt sätt.
Det finns flera anledningar till att man inte vill att formuläret skickas via e-postprogrammet. Dels kan minnet ta slut, när ytterligare ett program öppnas. Dels har inte alla datorer ett e-postprogram installerat. Det gäller t.ex alla offentliga datorer. Dels skickas formuläret då helt öppet och utan kontroll, t.ex vad gäller säkerheten.
Därför skall vi titta lite närmare på hur man använder sig av en extern gratistjänst för detta. Men först dock lite om metoden och enctype.
Det finns två olika varianter på method: GET och POST. Vilken man väljer beror på vad det är man vill göra och teorin kring dessa båda går utöver grundkursen. Men man bör känna till att man ibland kan behöva ändra metoden.
När formuläret skickas vill man inte ha all text i en enda tjock klump. Använder man enctype (encryption type) text/plain, kommer formulärets data att skickas på ett mer lättläst sätt. Detta gäller då man skickar datan via e-postprogrammet.
Andra uppgiften: Skicka formuläret via en gratistjänst
Alternativet till att skicka formuläret via e-postprogrammet, är att använda sig av någon slags script.
Vanliga språk (eller tekniker) för detta är t.ex ASP, ASP.NET, VB, PHP och CGI. De fungerar lite olika och har både fördelar och nackdelar. Vilken man väljer beror oftast på de möjligheter man har. Här är några exempel på situationer:
Variant 1: Man har sina sidor på ett webbhotell som erbjuder CGI-scripts som gör det möjligt att skicka formuläret via serverns mejlprogram. Sökvägen till scriptet anges i formuläret:
<FORM method="post" action="../cgi-bin/formmail.pl">
Variant 2: Man har sina sidor hos ett webbhotell som erbjuder samma möjligheter, men med ett annat scriptspråk, t.ex ASP. En särskild fil som man modifierat på olika sätt måste då läggas upp i samma mapp som formuläret. Sökvägen till ASP-filen skrivs in i formulärets första element:
<FORM method="post" action="formmail.asp">
Variant 3: Man har sina sidor hos ett gratis webbhotell och har inte tillgång till något script. Man måste då använda en gratistjänst på nätet, med samma funktion som ovan. Sökvägen ser då ut ungefär så här:
<FORM method="post" action="http://www.scripttjänsten.com/användare/script.php">
Bilden ovan visar hur jag använt mig av Bravenets gratisformulär. Jag använder mig alltså av programmen på deras server.
Observera att det nu är en annan enctype som används!
Förutom det jag skrivit in i bilden måste koden i formuläret kompletteras med dolda data. För det använder man elementet HIDDEN:
<input type="hidden" name="usernum" value="1062640">
<input type="hidden" name="bny" value="1">
Koden kan läggas var som helst innanför FORM-elementets början och slut. Svårare än så är det inte att åstadkomma ett fungerande formulär!
Gå själv vidare om du vill och leta upp ett lämpligt ställe med gratis formulär (etc).
Känner du dig osäker på koden eller vill veta mer, kan du med fördel läsa mer om det på min Html-sida om formulär: Läs mer >
Mer om vad scripts är hittar du i Dhtml-sektionen: Läs mer >
Du hittar också gratistjänster, webbhotell och liknande på min sida med surftips. Läs mer >>