EchoEcho.Com
KOMPLETTE WEBKURSER

HJEM

KURSER

HTML

FORMS

EchoEcho.Com
TOOLS & RESSOURCER

HJEM

KURSER

RESSOURCER

REDSKABER

DOKUMENTATION

OVERSIGT

SØG PÅ DETTE SITE

FORESLÅ DETTE SITE




HTML FORMS




	INTRODUKTION

	EKSEMPLER

	CGI-SCRIPTS

	FORM-TAG'ET

	FORM FELTER

	TEXT

	PASSWORD

	HIDDEN

	TEXT AREA

	CHECK BOX

	RADIO BUTTON

	DROP DOWN MENU

	SUBMIT BUTTON

	RESET BUTTON

	IMAGE BUTTON

	QUICK REFERENCE

HTML Forms :
DROP DOWN MENU

Drop-down-menuer er formodentlig de mest fleksible objekter, du kan indsætte i din form.

Afhængig af din opsætning kan drop-down-menuer tjene det samme formål som radioknapper (kun ét valg) eller tjekbokse (flere valg muligt).

Fordelen ved en drop-down-menu i forhold til radioknapper eller tjekbokse er, at den optager mindre plads. Men det er også en ulempe, da folk ikke kan se mulighederne i menuen med det samme.

Der findes en måde at omgås dette: i størrelsesopsætningen kan du indstille menuen, så den viser mere end én mulighed ad gangen, men - når du gør dette, mister du samtidig fordelen ved at optage mindre plads.

Så hvad end du vælger - der er altid en gevinst og en pris at betale.

Nogle gange ønsker du måske at erstatte tekstfelterne med drop-down-menuer. Dette fordi det er lettere at vælger fra en menu end at skulle skrive. Men det kunne også være, fordi scriptet, der behandler formen, ikke kan tolke en hvilken som helst tekstindtastning.

Du vil f.eks. ofte blive bedt om at vælge dit niveau ud fra en drop-down-menu. Årsagen til dette kunne være, at det er lettere end at skulle skrive navnet på niveauet.

På samme måde bliver du også ofte bedt om at indtaste initialerne på dit niveau ud fra en drop-down-menu. Dette kan være for at forhindre forvirring i scriptet, der behandler form-inputtet. Hvis scriptet f.eks. er programmeret til kun at godtage store bogstaver, så vil en drop-down-menu sikre, at ugyldige indtastninger ikke kan finde sted.

Et andet typisk eksempel kunne være at erstatte links med drop-down-menuer.

Dette kan gøres med Javascript. Kan du ikke programmere, kan du let lave en drop-down-menu med vores online tool.

Opsætning:

Nedenfor er en liste over gyldige opsætninger for drop-down-menuer:

HTML	FORKLARING	EKSEMPEL
select name= size= multiple= Mulighed selected value=	Drop-down-menu Feltnavn. Synlige muligheder i menuen. Muliggør flere valg i tilfælde af ja. Individuelle muligheder i menuen. Vælg som default muligheden. Sende-værdi hvis udvalgt.

Drop-down-menuer kombinerer <select> og <option>. Begge tags har en start- og sluttag.

Et typisk eksempel på syntaksen kunne være:

<select>
  <option>Mælk</option>
  <option>Kaffe</option>
  <option>Te</option>
</select>

Det nævnte <select>-tag definerer menuen.

Muligheden name giver feltet et internt navn, således at programmet, der behandler formen, kan identificere felterne.

Muligheden size definerer, hvor mange muligheder, der skal være synlige på et givent tidspunkt. 1 mulighed er sat som default.

Opsætningen multiple vil muliggøre flere valg, hvis den er til stede.

Det nævnte <option>-tag definerer den enkelte mulighed i menuen.

Opsætningen value definerer dét, der vil blive sendt, såfremt punktet vælges. Det er ikke altid det samme som dét, der fremkommer i menuen. Hvis vort felt defineres således:

<option value="ID">Idaho</option>

vil der i menuen stå "Idaho", men da formen blev sendt, ville den forkortede "ID" faktisk blive sendt.

Du kan tvinge et punkt til at blive valgt som default ved at indsætte den valgte mulighed: <option selected>

ET EKSEMPEL:

Gennemse dette HTML-eksempel:

<html>
<head>
<title>Min side</title>
</head>
<body>
<form name="minform" action="http://www.mitdomæne.com/minformbehandler.cgi" method="POST">
<div align="center">
<select name="mindrop-down">
<option value="Mælk">Frisk mælk</option>
<option value="Ost">Gammel ost</option>
<option value="Brød">Varmt brød</option>
</select>
</div>
</form>
</body>
</html>

Og outputtet vil være:

<< TILBAGE

LÆS MERE >>




HTML TUTORIAL




	HTML INTRO

	HTML TEKST

	HTML LISTER

	HTML BILLEDER

	HTML LINKS

	HTML BAGGRUNDE

	HTML TABELLER

	HTML FRAMES

	HTML FORMS

	HTML METATAGS

	HTML HEXFARVER