ASP och formulär (2)
Innehåll Formulär med FP Tillbaka till ASP Till startsida för studiewebb	Denna sida innehåller en beskrivning av hur man skapar formulär med Microsoft FrontPage 2000 (FP).

Formulär med FrontPage 2000

Skapa en ny webbsida

Skapa en ny webbsida genom att från Arkiv-menyn välja Nytt... och sen Sida... för att sist välja Normal sida i dialogrutan som visas (eller bara trycka Ctrl-N :-). Placera eventuella rubriker och ingress längst upp på webbsidan - ledtexter till fälten i formuläret kan vi lägga till när vi har första fältet på plats.

Spara webbsidan som FPFORM1.HTM.

Lägga till första fältet

För att lägga till första fältet så väljer vi Infoga->Formulär->Textruta med en rad. FrontPage lägger då till en textruta och två knappar på samma rad - den streckade linje kring textrutan och knapparna är gränsen för formuläret. Alla kontroller som vi lägger till måste ligga inom gränsen för formuläret, bl.a. för att dom ska skickas som del av formuläret (och för att dom ska synas i Netscape Navigator). De två knapparna används för att skicka formuläret och för att rensa alla fälten och återställa dem till de värden de hade när webbsidan med formuläret laddades.

Positionera om kontrollerna så att knapparna hamnar på en egen rad (genom att placera markören mellan textfältet och första knappen samt trycka Enter/Retur på tangentbordet).

Ändra egenskaper för formuläret

Som standard så vill FrontPage att formulärets innehåll ska skickas till webbservern som ska skriva innehållet till en textfil. Men eftersom vi vill skicka innehållet till en ASP-sida som ska behandla informationen måste vi ändra egenskaperna för formuläret. Högerklicka därför inom formuläret (den streckade linjen) och välj Egenskaper för formulär....

Markera radiknappen Skicka till annat och kontrollera att det står Anpassa ... eller ASP-skript i listrutan till höger om radioknappen. Klicka sen på Alternativ... och fyll i FPFORM1.ASP (gemener eller versaler spelar ingen roll med IIS som webbserver) i textrutan Åtgärd i dialogrutan som visas. Klicka OK två gånger för att stänga de två dialogrutorna (Alternativ för... och Egenskaper för...).

Ändra egenskaper för fält i formulär

Fälten i ett formulär får som standard namn med en bokstav och en siffra (t.ex. T1 för första textfältet). Och namnet på ett fält används i ASP-koden för att läsa av värdet som besökare fyllt i fältet. För att ändra detta så högerklickar vi på fältet och väljer Egenskaper för formulärfält... samt ändrar innehållet i textrutan Namn. I detta exempel vill vi att besökaren fyller i sitt namn så vi vill att textfältet ska heta "Namn".

Eventuella etiketter (ledtext) för textfälten kan skrivas som vanlig text före fälten (efter fälten om radioknapp eller kryssruta). Vi skriver därför "Ange ditt namn:" för textfältet namn.

Nedan beskrivs de olika egenskaperna som kan ändras för formulärfält i FrontPage samt en kort beskrivning av de olika fältens funktion (mening).

Gemensamt för alla fält

• Tabbordning - fungerar endast i Microsoft Internet Explorer
• Stil... - denna knapp öppnar en dialogruta där stilmallar kan väljas (vilket ligger utanför denna beskrivnings ämne - se Stilmallar (CSS) för mer information).
• Bekräfta... - dialogruta som ger möjlighet att ange en del valideringsregler (alternativen som anges kommer att generera JavaScript-kod - detta ligger utanför denna beskrivnings ämne).

Egenskaper för textruta

• Namn - namnet på textfältet.
• Startvärde - värde som fältet ska innehålla när webbsida med formulär laddas.
• Bredd i antal tecken - hur många teckens bredd som textfältet ska vara (d.v.s. ungefär hur många tecken som ska synas i textfältet).
• Fält för lösenord - om alternativet Ja markeras så kommer webbläsare att visa asterisker (*) istället för texten som matas in (lämpligt för lösenord).

Egenskaper för rullningsbar (flerradig) textruta 

• Namn - namnet på textfältet.
• Startvärde - värde som fältet ska innehålla när webbsida med formulär laddas.
• Bredd i antal tecken - hur många teckens bredd som textfältet ska vara.
• Antal rader - hur många raders höjd som textfältet ska vara.

Egenskaper för kryssruta

• Namn - namnet på textfältet.
• Värde - värde som ska skickas om kryssruta markerad (förbockad). Standard är "ON".
• Starttillstånd - om kryssruta ska vara markerad eller inte då webbsida med formulär laddas.

Egenskaper för alternativknapp (radioknapp)

• Gruppnamn - namnet på grupp med radioknappar.
• Värde - värde som ska skickas om radioknapp är markerad.
• Starttillstånd - om radioknapp ska vara markerad eller inte då webbsida med formulär laddas. Endast en radioknapp i en grupp kan vara markerad!

Egenskaper för nedrullningsbar meny (listruta)

• Namn - namnet på listruta.
• Alternativ - vilka alternativ som ska finnas i listruta (se mer nedan).
• Höjd - hur många alternativ som ska visas. Om värdet är 1 så visas en listruta som kan "rullas ner" och värdet är större än 1 så visas en listruta med lika många synliga alternativ och rullningslist.
• Tillåt flera val - om besökare ska kunna välja flera alternativ i listrutan (genom att hålla ner kontrolltangenten, Ctrl, och klicka). Kräver att Höjd är större än 1.

Alternativ i listrutor

För att lägga till alternativ i listrutor så klickar man på knappen Lägg till... till höger i dialogrutan Egenskaper för... som visar dialogrutan Lägg till alternativ med följande egenskaper som kan ändras:

• Alternativ - text som ska visas i listruta.
• Ange värde - om annat värde ska skickas istället för den i Alternativ ovan. Kräver att man fyller i text i textrutan nedanför.
• Starttillstånd - om alternativet ska vara markerad eller inte då webbsida med formulär laddas. Endast ett alternativ kan vara markerad!

Egenskaper för kommandoknapp

• Namn - namnet på textfältet
• Värde/etikett - vad som ska visas på knapp (och värde som ska skickas då knapp klickas på - användbart om flera Submit-knappar ska användas).
• Knapptyp - om knapp ska vara en "normal" knapp, en Submit-knapp (skickar formuläret) eller en Reset-knapp.

Resultatet

• Se exempel.

Skapa ASP-sida som hanterar innehåll i formulär

Det finns idag (10/12-01) inga sätt att automatiskt skapa ASP-sidor som hanterar innehållet från formulär - vi måste alltså skriva ASP-koden för hand. Vi kan dock, om vi vill, designa ASP-sidan i FrontPage för att lägga till ASP-koden efteråt. Även om ASP-kod kan skrivas i FrontPage så är Microsoft Visual InterDev är lämpligare för detta ändamål (använder Intellisense och Autocompletion som i Visual Basic).

Se Hämta information från nedan.

| Till början på sida | Tillbaka till ASP och formulär| Tillbaka till ASP |

Skapad av: Björn G D Persson. Uppdaterad: 2007-01-25.