Thomas Lindgaard wrote:
> Hvordan gør I andre når I skal sætte ting og sager (f.eks. en
> registrer- mig-som-bruger-form) op?
Sjovt du spørger. Jeg benytter selv primært div-tags til overordnede
layouts, men her på det seneste har jeg fået til opgave at bikse noget
sammen, der bl.a. involverer større formularer med mange text-felter,
radiobuttons, textareas m.v.. Til dette formål er CSS faktisk temmelig
besværligt, da en formular af hensyn til brugervenlighed helst skal
opstilles på en nøje tilrettelagt måde.
Problemstillingen blev vist diskuteret for nogen tid siden - enten her
eller i dk.edb.internet.webdesign. Et af synspunkterne var, at
formularer kræver/fordrer brugerinput og derfor adskiller sig væsentligt
fra de øvrige HTML-elementer, der blot beskriver struktur. Et andet
synspunkt var, at formularer netop også er en form for
præsentation/formidling af data, og derfor naturligt falder ind under
samme kategori som tabeller. Sidstnævnte kan man sige retfærdiggør
layout af formularer ved hjælp af tabeller.
Mit eget mål er at begrænse brugen af tabeller mest muligt, og i stedet
forsøge at benytte CSS til positionering og definition af størrelser på
form-elementer. De nyere browsere har en ganske fornuftig understøttelse
af CSS til dette formål. Til de mere indviklede formularer kan man dog
se sig nødsaget til at søge hjælp i gammeldaws tabeller.
Er hensigten også at få en anstændig præsentation af formularer i ældre
browsere som Netscape Navigator 4.x, kommer man ikke uden om tabeller og
ældre HTML attributter, da denne desværre ikke understøtter CSS specielt
godt.
Beklager det lidt tvetydige svar, men lige netop formularer er en sær
størrelse
Jeg vil dog lige til sidst nævne det ganske udmærkede HTML-element til
samling af relaterede form-elementer, nemlig fieldset (sammen med
legend).
<fieldset>
<legend>Brugeroplysninger</legend>
<input type="radio" value="1" name="sex" id="male"><label
for="male">Male</label>
<input type="radio" value="2" name="sex" id="female"><label
for="female">Female</label>
<label for="name">Navn:</label><input type="text" name="name" value="">
<label for="address">Adresse:</label><input type="text" name="address"
value="">
</fieldset>
--
Anders Thorsen Holm |
http://www.daimi.au.dk/~zoolook/
Overvejer du at købe en DVD-afspiller? Så hold dig fra Fredgaard!
Læs hvorfor:
http://www.daimi.au.dk/~zoolook/?page=fredgaard