Gör formulär

Förklaringar
Gör ditt formulär

Här kan du skapa koden till ett formulär som du lägger på din hemsida. Du anger själv vilka uppgifter formuläret skall innehålla, vilken e-postadress det skall skickas till och om ämnesraden skall vara ifylld.

Koden som skapas kopierar du först till en vanlig textredigerare, som till exempel Anteckningar. Där kan du göra de ändringar du vill ha i formuläret. Koden är kommenterad så att du ser vad som kan göras.

Förklaringar

Läs igenom förklaringarna först. Längre ned kan du välja vad formuläret skall innehålla och fylla i de uppgifter som behövs.

Din e-postadress

I den första raden skall du skriva din egen e-postadress, det vill säga den adress som formuläret skall skickas till.

I nästa rad anger du vad ämnesraden i e-brevet skall innehålla.

Textrader och textrutor

Textrad

Där du vill att besökaren skall skriva in korta uppgifter, som namn eller e-postadress, använder du textrader. De kan se ut så här:

Ditt namn:

eller

En kort kommentar:

Du kan ändra längden på textraderna genom en enkel ändring i koden.

Textruta

Om du vill att besökaren skall skriva en längre text använder du en textruta. Den kan se ut så här:

Dina kommentarer:

Du kan ändra storlek på textrutan genom att göra ett par enkla ändringar i koden.

Radioknappar och kryssrutor

Nästa steg blir att välja om formuläret skall innehålla radioknappar och/eller kryssrutor, samt vilka värden dessa skall ha.

Radioknappar

Knapp och ledtext

Så här fungerar det

  Jag är man
  Jag är kvinna

Det här är två radio- eller alternativknappar. Det går bara att markera en av dem. Om du markerar den ena och sedan ändrar till den andra, kommer markeringen i den första att tas bort.

Båda knapparna har samma namn, men varje knapp har ett eget värde och det är bara det markerade värdet som kommer att skickas.

Kryssrutor

Ruta och ledtext

Så här fungerar det

  Jag har hund
  Jag har katt

Det här är två kryssrutor. Du kan markera den ena eller båda samtidigt - man kan ju ha både hund och katt.

Rutorna har var sitt namn ("hund" respektive "katt") men båda har värdet "Ja". I e-brevet från formuläret får du kryssrutans namn plus värdet.

Skicka och rensa

Slutligen behöver du ett par klickbara knappar att skicka eller rensa formuläret med.

  

Gör ditt formulär

Läs förklaringarna igen

Här fyller du i uppgifter och väljer vad formuläret skall innehålla.

Din e-postadress
Vi börjar med din e-postadress, som formuläret skall skickas till.

Ämnesraden
Om du vill att ämnesraden skall vara ifylld, skriver du ämnet här.

Besökarens uppgifter
Sedan anger du vilka personuppgifter du vill ha från besökaren, genom att skriva in ledtexten för den eller de uppgifter du vill ha i formuläret. De rader som lämnas tomma kommer inte med i formuläret:

  Besökarens namn
  Besökarens e-postadress
  Besökarens telefonnummer
  Besökarens postadress
  Besökarens ålder

Textrad och textruta
Om du vill ha en enkel textrad för ett kort svar eller liknande, skriver du i nästa rad den ledtext du vill ha för raden.

Om du vill ha ett större, flerradigt textfält för längre svar eller kommentarer, skriver du i nästa rad den ledtext du vill ha för textrutan.

Radioknappar
Formuläret får en radioknapp för varje radpar du fyller i nedan. I det första textfältet i varje rad skriver du den ledtext som skall visas bredvid radioknappen. I det andra fältet skriver du det som du vill att e-brevet från formuläret skall visa som svar. Tänk på att besökaren bara kan markera en av knapparna. De rader som lämnas tomma kommer inte med i formuläret:

  
  
  
  
  
  

Kryssrutor
Formuläret får en kryssruta för varje ruta du markerar nedan. För varje rad skriver du i första textfältet den ledtext som skall visas bredvid kryssrutan. I det andra fältet skriver du det som du vill att e-brevet från formuläret skall visa som svar. De rader som lämnas tomma kommer inte med i formuläret:

  
  
  
  
  
  

  

Även om du har klickat på "Skapa kod", kan du gå tillbaka och göra ändringar utan att först tömma formuläret.

Högerklicka i den markerade texten och välj Kopiera.

Anvisningar om hur du ändrar koden och lägger den på din hemsida, finns i den kopierade texten.

© SupportData.Net