Web.Reporter.pl Pełny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[główne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artykuły]
tabelelistyformularzemultimediael. strukturalneel. blokoweel. liniowe

LEGEND

Element definiuje tytuł dla grupy elementów zaznaczonych elementem FIELDSET. Dookoła zaznaczonych elementów tworza jest ramka z podanym tytułem.

Atrybuty elementu: (sposób opisywania)

accesskey =[litera] opcjonalny - IE4
skrót klawiszowy
align =[top|bottom|left|right] opcjonalny - IE4, N6
wyrównanie w poziomie i pionie
id, class =[tekst] opcjonalne - IE3, N4, O3.5
unikalny identyfikator i nazwa klasy CSS
lang, dir =[tekst] opcjonalne - IE4
język i kierunek wyświetlania tekstu bądź elementu
title =[tekst] opcjonalny - IE5
tytuł elementu
style =[CSS] opcjonalny - IE3, N4, O3.5
styl CSS elementu
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup =[skrypt] opcjonalne
reakcje na zdarzenia pochodzące od myszy lub klawiatury
Pozostałe cechy:
znacznik zamykający: wymagany
położenie: wewnątrz elementu FIELDSET
przeglądarki: IE4, N6
Grupa elementów tabel:
BUTTON, FIELDSET, FORM, INPUT, ISINDEX, LABEL, LEGEND, OPTGROUP, OPTION, SELECT, TEXTAREA,
Przykładowe zastosowania:

• Przykład 1:

<FORM action="..." method="get">
  <FIELDSET>
    <LEGEND>pola tekstowe</LEGEND>
     <LABEL for="imie">First name: </LABEL>
      <INPUT type="text" id="imie"><BR>
    <LABEL for="nazwisko">Last name: </LABEL>
      <INPUT type="text" id="nazwisko"><BR>
    pole baz LABEL: <INPUT type="text"><BR>
  </FIELDSET>
  <FIELDSET>
    <LEGEND>pola wyboru</LEGEND>
    <SELECT>
      <OPTGROUP label="Systemy operacyjne">
        <OPTION label="Windows" 
          value="W">system Windows</OPTION>
        <OPTION label="Unix" 
          value="U">system Unix</OPTION>
      </OPTGROUP>
      <OPTGROUP label="Procesor">
        <OPTION label="Intel" 
           value="I">procesor Intel</OPTION>
        <OPTION label="AMD" 
           value="A">procesor AMD</OPTION>
      </OPTGROUP>
    </SELECT>
  </FIELDSET>
  <INPUT type="submit" value=" wyślij dane "> 
</FORM>

pola tekstowe

pole baz LABEL:
pola wyboru

• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!