Hur fungerar ett webbformulär
Den här guiden visar ett exempel på hur man utformar ett enkelt kontaktformulär med filuppladdning. I textfältet " Administrative description ", skriv om du vill ha en text som internt beskriver webbformuläret och på vilket sätt det är tänkt att användas.
Observera att det finns oerhört mycket inställningar som går att göra för en enda formulärkomponent. Var god och använd en modern webbläsare för att ta del av denna webbplats, som t. För det fallet att du önskar att användaren ska kunna bifoga en bild eller en generell fil gör du på motsvarande sätt, men väljer i stället " Image file " respektive " File " i nästa punkt.
Tillgänglighet i webbformulär på Medarbetarwebben.
Så här använder du Google Formulär
Detta är för att inmatningsfältet ska ge användaren förslag på både för- och efternamn i detta fall, så att detta kan fyllas i automatiskt. Det finns också möjlighet att dela upp formuläret i flera olika sidor, men det går vi inte igenom här. Vi vill att användaren ska kunna bifoga ett dokument till kontaktformuläret. Om det redan i titeln är tydligt hur besökaren ska göra så behöver du inte skriva någonting i beskrivningen, då det snarare kan förvirra eller upplevas upprepande.
En lista med möjliga komponenter visas. Ställ tillbaka inställningar som inte verkade ha någon effekt eller som du inte förstod. I exemplet ska vi börja med att skapa ett textfält där besökaren kan skriva in sitt för- och efternamn. Läs också mer om tillgänglighet i webbformulär på Medarbetarwebben.
Öppna inställningarna för " Form validation " genom att klicka på den lilla vinkeln till vänster om frasen. I textfältet " Description " skriver du en kortfattad text som hjälper besökaren att använda komponenten, till exempel "Ange din E-postadress". Observera också att det förutom elementet Checkbox högt upp i listan finns ett element benämnt Checkboxes.
Den genererade texten översätts automatiskt och visas sen på svenska eller engelska beroende på webbplatsens språkinställning. Webbläsaren som du använder stöds inte av denna webbplats. Tänk på att alltid använda dig av element description när du kan underlätta för besökaren att förstå hur komponenten skall användas och vad det är för information du efterfrågar. I textfältet "Beskrivning, skriv en text om hur filuppladdningen skall användas, till exempel: "Följande filtyper kan användas: doc, docx, pdf.
Skrolla ganska långt ner i listan. Innan du skapar ditt första formulär bör du läsa om grunderna på sidan om webbformulär. Nu valde vi att gå vidare med nästa komponent, men utgråat på sidan bakom rutan "Select an element" går det att se att det nya elementet lagts till i en lista över formulärets komponenter. På raden för typen " Document file ", klicka på " Add element ".
I detta exempel ska vi skapa ett enkelt kontaktformulär genom att lägga in ett textfält, en textruta, ett fält för e-post och möjligheten att ladda upp en fil.
Information om grunderna för webbformulär. Webbformulär som behandlar personuppgifter: lägg till elementet Personal Data Information. Klicka på knappen " Save ". I menyn " Content ", välj " Webform " och klicka på " Add webform ". När webbformuläret är skapat är det dags att börja lägga in de komponenter formuläret ska använda sig av. Tänk på att om ditt fält t. Ändra i textfältet " Allowed file extensions" strax ovanför så att det stämmer överens med instruktionerna till användaren.
Det senare används om man vill gruppera flera olika kryssrutor som hör samman, medan det förra passar mer för enstaka kryssrutor av typen "Jag godkänner att mina personeruppgifter behandlas För att skapa en ny komponent, klicka på Add element intill den typ du vill lägga till, och fyll i uppgifterna.
Det vanligaste elementet är Text field för inmatning av text, men använd gärna de mer specialiserade elementen längre ner för exempelvis e-post eller url:er för att få hjälp av Drupal med att rätta användaren om det inte är det som önskas som skrivs in. I textfältet " Description " skriver du en kortfattad text som hjälper besökaren att använda komponenten, till exempel "Skriv ditt för- och efternamn".
Ändra inställningen under " Autocomplete " från "On" till " Autofill Under inställningen " Autocomplete autofill " väljer du " Full name ". Om du vill testa något, ändra då en sak åt gången och kolla vad det får för konsekvenser. Öppna inställningarna för " Form display " genom att klicka på den lilla vinkeln till vänster om frasen.