Erimax
 The Company
 News
 Banners
 Advertise
 Presentation
 FAQ
 Members
 Log in
 Lost password
 Join!
 Guestbooks
 Information
 Our Guestbook
 Supportboard
 Help
 FAQ
 Contact
 Mail
 Form
 
Guestbook - Help - Forms

Introduction - Forms - Hints

This section is under translation. Please use our supportboard until its finished!!!!
/Olof, Erimax.com 2001-10-17

För att bygga sin egna gästbok här på Erimax bör man kunna lite grundläggande HTML. Formulär är inte nödvändigtvis något som man studerat ingående om man inte har kommit i kontakt med det tidigare, därför beskriver vi dom grundläggande funktionerna här.

Detta avsnitt behandlar alltså utformningen av inmatningsformuläret och vilka möjligheter som finns där. Det finns ett antal olika typer av inmatningsfält, vi beskriver dom i tur och ordning:


Input Text
Ett av de vanligaste inmatningsformulären är ett enkelt textfält. Ett sådant skriver du med taggen input:

<input type=text name="namnet_på_textfältet">

Ett textfält av den här typen har många användningsområden. Bland annat använder du vanligtvis ett sådant formulär där besökaren skriver in sitt namn, sin mailadress och sin hemsideadress!
Textarea
Textarean är naturligtvis ett måste i en vanlig gästbok. Det är ett flerradigt textfält där du förslagsvis låter dina besökare skriva sitt meddelande som de ska posta i din gästbok.

<textarea cols=x (bredden) rows=x (höjden) name="namn_på_textarean"> </textarea>

En textarea används alltså normalt för att låta besökaren skriva in ett meddelande i gästboken.
Input Radio
Radiobuttons kallas de små runda knappar som du säkert har sett på någon hemsida förut. Man kan bara välja ett alternativ i en grupp knappar. Gruppen definieras genom att ge knapparna samma namn, exempel:

<input type=radio name="extra2" value="Erimax rockar kung.">
<input type=radio name="extra2" value="Föredrar trista gästboks-tjänster">

Har Erimax den bästa gästboken:
Ja
Nej
Genom att ange <%extra2%> i din meddelande layout kommer värdet (value) för valt alternativ skrivas ut, i detta fall "Erimax rockar kung" :).
Input Checkbox
En checkbox påminner lite om en radiobutton ovan. Det finns dock en väsentlig skillnad: här kan du välja flera alternativ samtidigt. Prova att trycka på våra radiobuttons ovan, som du ser kan du alltså bara ha en av dessa markerade samtidigt. Checkboxarna däremot, där kan du kryssa i flera stycken samtidigt (eller ingen av dem om du så vill).

<input type=checkbox name="extra2" value="Ferrari">
<input type=checkbox name="extra3" value="Lotus">

Vilka sorters godis gillar du?
Ferrari
Lotus
Dessa kan med fördel användas om du exempelvis har ett par fördefinierade alternativ (som i exemplet ovan). Här handlar det inte om en grupp (jmf. radio knappar) utan alla boxar måste ha olika namn.
Select
Select är namnet på den rullist som du förmodligen har sett på vissa sidor. Den rullar ut ett par av dig fördefinierade alternativ som besökaren kan välja bland. I vår gästbok har vi använt en select för att låta användaren välja färg på namnrutan, det har vi gjort så här:

<select class="format" name="extra2">
<OPTION Value="FFFFFF" Selected>vit
<OPTION Value="fe6c5c">röd
<OPTION Value="95f986">grön
<OPTION Value="8983fc">blå
<OPTION Value="8fecf3">turkos
<OPTION Value="c24ebf">lila
</select>

För att sedan skriva en tabelldata i meddelande-layouten som: <td bgcolor="%extra2%">. Naturligtvis kan select användas för information som vi gjort med "Jag kom till Erimax..." i vår Gästbok.
Submit Button
För att skicka iväg allt det du har skrivit i de olika inmatningsfälten måste du ha en skicka-knapp av något slag. Det finns en enkel tagg för denna som ser ut så här:

<input type="submit" name=post value="Skicka!">

Vill du göra en knapp som raderar allt som du skriver i dina inmatningsfält (nollställer) skriver du så här istället:

<input type="reset" value="Reset">

En knapptryckning på denna och alla dina inmatningar försvinner
Form-taggen
Normalt när du gör ett formulär börjar den med en:
<form method="***" action="***" ..>
I gästboken ska formuläret inledas med <%form%> och avslutas som vanligt med </form>.
Introduction - Forms - Hints



©Erimax.com