Formulär av HTML
I denna artikeln kommer jag gå igenom om hur du gör dig ett formulär med HTML.
Varför formulär?
Formulär kan vara bra att använda i samband med hemsidor så som kontaktformulär, beställningsformulär, ja i princip allt kan du använda ditt formulär till.
Formulär
När du kodar ditt formulär är det viktigt att du sätter all formulär-data inom taggarna eftersom det anger att det är ett formulär.
- formuläret börjar
- formuläret slutar
"textarea" - medelandefält
"input" - textfält som använd som t.ex. namn, e-post osv.
"Submit" - Skickar innehållet i formuläret.
Här nedan ser du ett exempel där vi använder ovanstående koder för att bilda ett kontaktformulär.
action - anger hur formuläret ska skickas, det kan t.ex. kopplas samman med ett PHP-dokument.
size - anger storleken (bredden) på textfältet.
cols - anger bredden på textareans fält.
rows - anger höjden på textareans fält.
Vi har även namngett våra olika fält och detta kommer även anges när vi skickar vårt formulär. När vi sparar vårt formulär kommer det se ut på följande vis.
Skulle vi nu fylla i vårt formulär så har vi ju inte angett vart det ska skickas så det kommer inte till att fungera. Nu ska vi koppla samman formuläret med våran e-postadress, det gör vi enklast via "mailto"-funktionen.
Då kommer ditt meddelande skickas till den angivna e-posten. Vill du dock ha mejlet med mellanslag och radbrytningar lägger du in koden.
vilket jag kan rekommendera om du ens skall kunna förstå innehållet av mejlet du får. Det enda problemet som kan uppstå när du använder dig utav "mailto" funktionen är att det kommer upp en ruta (Internet Explorer bl.a.)
För att undvika denna rutan kan man använda sig utav PHP när man skickar formuläret men det kommer jag till att ta upp i en annan artikel.
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
Jätte bra skrivet ida! :D Detta behöver jag verkligen lära mig :)
Bra skrivet.
**MVH Cerrolyn
Varför inte ta upp phpscriptet i denna artikel?
Vänliga hälsningar
Alexander Isaksson
#3 Jag tänkte ta upp och samtidigt visa med tacksidor och annat, kände att det blev för mycket att läsa då.
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
Jag tycker det är jättebra att du gör flera korta artiklar
Det blir säkert mycket lättare att hitta på sajten när det har blivit många artiklar och inlägg när du gör så här!
En grej, skriv ihop! Särskrivningar skadar allvarligt din hälsa, missbruka inte mellanslagstangenten.
#5 Tack, tänkte man kunde länka det från denna artiklen sen så att man enklare kan koppla samman det sen.
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
#6 Smart idé! Jag kommer nog också att göra så
En grej, skriv ihop! Särskrivningar skadar allvarligt din hälsa, missbruka inte mellanslagstangenten.
Riktigt bra artikel! Det här har jag verkligen velat lära mig ganska länge nu, så super! Men jag undra, har ni någon exempelbild på hur det ser ut när man får ett mail som skickas ifrån ett formulär?
Isabel Runneberger
www.isabel.webb.se
www.denimiella.blogg.se
#8 Det ser i princip ut som ett vanligt mail.
#9: Men ser man kategorierna på de fälten som de har fyllt i? Eller får man helt enkelt hålla koll på det själv?
Isabel Runneberger
www.isabel.webb.se
www.denimiella.blogg.se
#10 Namnet kommer ses som avsändare, även e-mailet, Ämnet kommer vara ämnet och meddelandet kommer vara meddelandet som ett vanligt mail. Men om du har egna alternativ som te.x beställningsformulär då kan du lägga till så att det syns.
#10 Såhär ser det ut när jag tar emot ett mejl från formuläret ovan. Inringade fält är respektive fält på formuläret.
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
Jättebra! Ser fram emot nästa "del"!
Mvh Johanna
www.fotografjohanna.se
Det här "mailto" funkar det för alla? Har hört talas om folk som det inte har funkat för.
Mig funkar det inte för. Det kommer upp att man ska skicka det via en e-post hanterare.
#15 Ja, där har vi ett exempel.
Vad/hur gör man då?
#16 Antingen kan man skapa en egen "mottagardata" som skickar vidare informationen till din mejl via PHP eller kan man använda sig av en gratis mottagare som olzzon.com t.ex.
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
Jag har skapat ett sånt här formulär, och det funkar väldigt bra!
Bra skrivet, till & med jag fattade ju ^^
Hur gör man så att forumlärets ifyll-fält börjar i en rak linje? T.ex. så som du har i ditt kontaktformulär på din hemsida, Ida (IdaL).
Isabel Runneberger
www.isabel.webb.se
www.denimiella.blogg.se
En annan metod för "ämne" i Ämnesraden jag lärde mig för längesedan var att göra på detta vis, det fungerar också:
#20 Jag har bara tagit bort "
" i koderna vid "namn:" och använt mig av mellanslag istället.
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
Dessutom glömde jag säga att jag använder: ENCTYPE="text/plain" i efter adressen. det gör datan mer lättläst.
Jag har nu testat detta formulär genom att i princip klippa och klistra in koden.
Det fungerar som jag nämnde tidigare inte alls i IE utan bara i Firefox och möjligen i någon annan webbläsare? konstigt tycker jag själv. Däremot får jag inte subject funktionen att fungera. Är det någon som kan detta bättre än mig som kan se vad jag gjort fel? måste man använda JS eller liknande?
#24 Jag har själv detta formuläret på min hemsida, dock har jag det kopplat till en mejl-tjänst (majami) som tar emot datan och skickar den till min mejl och sen skickar vidare besökarna till en tacksida.
För mig fungerar det utmärkt i såväl IE som FF och även de andra webbläsarna. Vad är det du inte får att fungera?
Mvh. Ida Lundahl
www.idalundahl.com / www.ovarpskaniner.weebly.com
Jag har inte mitt form kopplat till någon cgi för det tillåter inte glocalnet där mina sidor ligger för tillfället. Så det blir ju e-postformulär till slut. Det som inte fungerar för mig är att användfer man IE och mitt form så syns inte uppgifterna i meddelandet utan när jag trycker på "skicka" kommer jag till ett tomt e-post meddelande. med adressen som enda fungerande del.
Använder man däremot mozilla kommer infon med. Men ämnesraden är tom eller i bästa fall står det "mozilla form" i det.
Du ser ovan hur min mailform fod ser ut i tidigare inlägg.
Äh jag provar att visa igen: