Använd formulär för att samla in information från användarna

Senast uppdaterad den 20 dec. 2021

Om att samla in information från användare

Du kan använda webbformulär eller hypertextlänkar för att samla in information från användare, lagra den informationen i serverns minne och sedan använda informationen för att skapa ett dynamiskt svar baserat på användarens inmatning. De vanligaste verktygen för att samla in användarinformation är HTML-formulär och hypertextlänkar.

HTML-formulär

Låter dig samla in information från användare och lagra den i serverns minne. Ett HTML-formulär kan skicka informationen antingen som formulärparametrar eller som URL-parametrar.

Hypertextlänkar

Låter dig samla in information från användare och lagra den i serverns minne. Du anger ett värde (eller värden) som ska skickas när en användare klickar på en länk—en preferens, till exempel—genom att lägga till värdet till URL:en som anges i ankartaggen. När en användare klickar på länken skickar webbläsaren URL:en och det tillagda värdet till servern.

Användargränssnittet i Dreamweaver och senare har förenklats. Det kan därför hända att du inte hittar vissa av alternativen i den här artikeln i Dreamweaver och senare. Mer information finns i den här artikeln.

HTML-formulärparametrar

Formulärparametrar skickas till servern med hjälp av ett HTML-formulär som använder antingen POST- eller GET-metoden.

När du använder POST-metoden skickas parametrar till webbservern som en del av dokumentets huvud och är inte synliga eller tillgängliga för någon som visar sidan med standard- metoder. POST-metoden bör användas för värden som påverkar databasinnehåll (till exempel att infoga, uppdatera eller ta bort poster), eller för värden som skickas via e-post.

GET-metoden lägger till parametrar till den begärda URL:en. Parametrarna är synliga för alla som visar sidan. Metoden GET bör användas för sökformulär.

Du kan använda Dreamweaver för att snabbt utforma HTML-formulär som skickar formulärparametrar till servern. Var medveten om vilken metod du använder för att överföra information från webbläsaren till servern.

Formulärparametrar får sina namn från motsvarande formulärobjekt. Om ditt formulär till exempel innehåller ett textfält som heter txtLastName, skickas följande formulärparameter till servern när användaren klickar på Skicka-knappen:

txtLastName=angivet värde

I fall där en webbapplikation förväntar sig ett exakt parameter- värde (till exempel när den utför en åtgärd baserat på ett av flera alternativ), använd en radioknapp, kryssruta eller ett list-/menyformulärobjekt för att kontrollera värdena som användaren kan skicka. Detta hindrar användare från att skriva in information felaktigt och orsaka ett applikationsfel. I exemplet nedan visas ett snabbmenyformulär med tre alternativ:

Snabbmenyformulär

Varje menyval motsvarar ett hårdkodat värde som skickas som en formulärparameter till servern. Dialogrutan Listvärden i följande exempel matchar varje listobjekt med ett värde (Lägg till, Uppdatera eller Ta bort):

Dialogrutan Listvärden

Efter att en formulärparameter har skapats kan Dreamweaver hämta värdet och använda det i en webbapplikation. Efter att ha definierat formulärparametern i Dreamweaver kan du infoga dess värde på en sida.

URL-parametrar

URL-parametrar låter dig skicka användarspecificerad information från webbläsaren till servern. När en server tar emot en begäran och parametrar läggs till URL:en för begäran ger servern den begärda sidan åtkomst till parametrarna innan den visar sidan i webbläsaren.

En URL-parameter är ett namn-värde-par som läggs till en URL. Parametern börjar med ett frågetecken (?) och använder namn=värde. Om fler än en URL-parameter finns separeras varje parameter med ett et-tecken (&). Följande exempel visar en URL-parameter med två namn-värde-par:

http://server/path/document?name1=value1&name2=value2

I det här exemplet är programmet en webbutik. Eftersom utvecklarna av webbsidan vill nå en så bred publik som möjligt är webbsidan utformad för att stödja utländska valutor. När användare loggar in på webbplatsen kan de välja vilken valuta som priserna för tillgängliga objekt ska visas i.

Webbläsaren hämtar sidan rapport.cfm från servern. Begäran innehåller URL-parametern Currency=”euro”. Variabeln Currency="euro" anger att alla monetära belopp som hämtas ska visas som euro.

Servern lagrar URL-parametern temporärt i minnet.

Sidan report.cfm använder parametern för att hämta kostnaden för objekt i euro. Dessa monetära belopp kan antingen lagras i en databastabell med olika valutor eller konverteras från en enskild valuta som är kopplad till varje objekt (vilken valuta som helst som stöds av applikationen).

Servern skickar sidan report.cfm till webbläsaren och visar värdet av objekt i den begärda valutan. När denna användare avslutar sessionen rensar servern värdet för URL-parametern och frigör serverminne för nya användarförfrågningar.

URL-parametrar skapas också när HTTP-metoden GET används i kombination med ett HTML-formulär. Metoden GET anger att parametervärdet ska läggas till URL-begäran när formuläret skickas.

Typisk användning av URL-parametrar inkluderar personalisering av webbsidor baserat på användarpreferenser. Till exempel kan en URL-parameter bestående av användarnamn och lösenord användas för att autentisera en användare och endast visa information som användaren har prenumererat på. Vanliga exempel på detta inkluderar finansiella webbsidor som visar individuella aktiekurser baserat på börssymboler som användaren tidigare har valt. Webbutvecklare använder ofta URL-parametrar för att skicka värden till variabler inom applikationer. Till exempel kan du skicka söktermer till SQL-variabler i en webbapplikation för att generera sökresultat.

Du skapar URL-parametrar inom en HTML-länk genom att använda attributet href för HTML-ankartaggen. Du kan ange URL-parametrarna direkt i attributet i kodvyn (Visa > Kod), eller genom att lägga till URL-parametrarna i slutet av länk-URL:en i rutan Länk i egenskapsinspektören.

I följande exempel skapar tre länkar en enskild URL-parameter (action) med tre möjliga värden (Add, Update, och Delete). När användaren klickar på en länk skickas ett parametervärde till servern och den begärda åtgärden utförs.

<a href="http://www.mysite.com/index.cfm?action=Add">Lägg till en post</a>

<a href="http://www.mysite.com/index.cfm?action=Update">Uppdatera en post</a>

<a href="http://www.mysite.com/index.cfm?action=Delete">Ta bort en post</a>

Egenskapsinspektören (Fönster > Egenskaper) låter dig skapa samma URL-parametrar genom att välja länken och lägga till URL-parametrarnas värden i slutet av länk-URL:en i Länk- rutan.

Egenskapskontrollen

När en URL-parameter har skapats kan Dreamweaver hämta värdet och använda det i en webbapplikation. När du har definierat URL-parametern i Dreamweaver kan du infoga dess värde på en sida.