ATT ANVÄNDA FIELDSET TAGGEN | 2005-01-12
Att gruppera element som hör ihop gör det lättare för syn och hjärna att orientera sig.
Här kommer <fieldset> taggen till vår hjälp. Den drar en box i form av en tunn linje runt alla dina formulärobjekt och lägger till en rubrik genom att använda <legend> taggen.
Fieldset stöds av moderna webbläsare från IE 5.0 och NN 6.0 och uppåt.
Så här gör du:

Adressuppgifter   

    Gatuadress

    Postnummer

    Ort

1) Starta upp Dreamweaver och öppna ett nytt dokument.
2) Infoga en formulärkod och 3 st textfält.
3) Markera form taggen i Quik Tag Editor, raden längst ner till vänster och från Infoga Objekt menyn väljer du Forms/Fieldset.
Dw lägger nu till en taggarna <fieldset> och <legend> till ditt formulär.
4) Placera nu markören i kodvy framför den första <input> taggen och infoga <label> från Infoga Objekt menyn. Upprepa med resten av <input> taggarna.
Din kod bör se ut så här:


<fieldset>
<legend><strong>Adressuppgifter</strong>
</legend>
<form name="form1" id="form1" method="post" action="">
<label>
<input name="adress" type="text">Gatuadress</label>
<br />
<br />
<label>
<input name="postnr" type="text">Postnummer</label>
<br />
<br />
<label>
<input name="ort" type="text"> Ort</label>
</form>
</fieldset>

Hitta andra användningsområden?
Prova att göra en box med text på samma sätt.

  

  Textbox med Fieldset  

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis ligula lorem, consequat eget, tristique nec, auctor quis, purus. Vivamus ut sem. Fusce aliquam nunc vitae purus. Aenean viverra malesuada libero. Fusce ac quam. Donec neque. Nunc venenatis enim nec quam. Cras faucibus, justo vel accumsan aliquam, tellus dui fringilla quam, in condimentum augue lorem

---

©2004 Mainland Media