Formulär

Inledning, FORM, INPUT, TEXTAREA, SELECT, OPTION, OPTGROUP, LABEL, BUTTON, FIELDSET, LEGEND

LABEL introducerades i HTML 4.0 för att en etikett ska kunna associeras till de controls som saknar sådana, dvs alla förutom tryckknappar.

Tryckknapparna får sina etiketter (text som visas på knappen) associerade automatiskt; antingen via standardvärdet t ex SUBMIT eller via det värde som tilldelas attributet VALUE, t ex SKICKA som i <INPUT TYPE=submit VALUE=Skicka>.

Etikettens innehåll kan associeras på två olika sätt:

1. indirekt - elementet LABELs innehåll
2. uttryckligen - attributet FOR

Elementet LABELs innehåll

Ett LABEL-element associeras med en och bara en control. Etikettens innehåll är lika med elementets innehåll, dvs innehållet mellan <LABEL> och </LABEL>. Detta innehåll kan vara vanligt text, formaterad text, bilder eller vilket annat inlineelement som helst förutom LABEL.

Denna metod kräver även att själva control:en, t ex elementet INPUT, befinner sig i elementet LABEL. Observera att det bara får finnas en control i LABEL.

<LABEL>
Epost
<INPUT TYPE=text NAME=epost>
</LABEL>

Etikettens innehåll är i detta fall Epost som du kan skriva före eller efter INPUT.

Attributet FOR

Genom att tilldela elementet attributet FOR kan du uttryckligen specificera med vilken control den aktuella etiketten ska associeras. Dessutom tillåter attributet skapandet av multipla referenser till en vis control som gör att fler än en etikett kan associeras med samma control.

För att sådana referenser ska kunna skapas måste varje control identifieras med hjälp av attributet ID och tilldelas ett unikt värde. Samma värde måste tilldelas attributet FOR.

Denna metod tillåter att control:en kan finnas var som helst i dokumentet, t ex i en annan tabellcell. Observera att värden som har tilldelats ID och FOR måste vara identiska.

<TABLE>
<TR><TD>
<LABEL FOR=epost>Epost</LABEL>
</TD>
<TD><INPUT ID=epost TYPE=text NAME=epost></TD></TR>
</TABLE>

Attribut

%attrs;
FOR=IDREF
ACCESSKEY=%Character;
onfocus=%Script;
onblur=%Script

Elementet saknas

%attrs;

Beskrivs i HTML 4.0 - Attribut

FOR

Med detta attribut kan du uttryckligen specificera med vilken control den aktuella etiketten ska associeras. Attributets värde måste vara identiskt med attributet IDs värde som har tilldelats en control. Om attributet är frånvarande skapar innehållet i elementet LABEL etikettens innehåll.

Andra attribut

Se INPUT för information om attributen ACCESSKEY, onfocus, onblur

Exempel

<FORM ACTION="..." METHOD=post>
<P><INPUT type=hidden name=recipient value="...">
<PRE>
<LABEL ACCESSKEY=N>Namn:
<INPUT TYPE=text NAME=realname></LABEL>
<LABEL ACCESSKEY=E>Epost:
<INPUT TYPE=text NAME=email></LABEL>
<LABEL ACCESSKEY=F>Fax:
<INPUT TYPE=text NAME=fax></LABEL>
</PRE>
<P>Jag vill beställa alla böcker<BR> i följande serier:</P>
<TABLE>
<TR>
<TD>
<LABEL FOR=KWserier
ACCESSKEY=S>KnowWareserier</LABEL>
</TD>
<TD>
<SELECT NAME=serier ID=KWserier>
<OPTION>KnowHow</OPTION>
<OPTION>KnowWhere</OPTION>
<OPTION>QuickSteps</OPTION>
</SELECT>
</TD>
</TR>
</TABLE>
<P>Bekräftelse önskas via: <BR>
<LABEL>Epost <INPUT TYPE=radio NAME="Bekräftelse" VALUE=epost CHECKED></LABEL>
<LABEL>Fax <INPUT TYPE=radio NAME="Bekräftelse" VALUE=fax></LABEL></P>
<P><INPUT TYPE=submit VALUE=Skicka></P>
</FORM>

Namn:

Epost:

Fax:

Nästa BUTTON Tryckknapp

Upp | HTML-referensbok | Referensböcker