Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

optgroup

OPIS

Element definiuje etykiety dla zgrupowanych pól wyboru.

ATRYBUTY

• class ="klasy" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
klasy CSS

• dir ="ltr | rtl" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
kierunek wyświetlania elementu

• disabled ="disabled" - N6 (opcjonalny)

XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
wyłącza element

• id ="identyfikator" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
unikatowy identyfikator elementu

• label ="tekst" - (opcjonalny)

XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
etykieta grupy

• lang ="kod języka" - (opcjonalny)

XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
kod języka elementu, np. pl

• style ="CSS" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
styl CSS elementu

• title ="tekst" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
tytuł elementu

• xml:lang ="kod języka" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: -
kod języka elementu, np. pl

• xmlns ="http://www.w3.org/1999/xhtml" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: -
przestrzeń nazw

• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup ="skrypt" - (opcjonalne)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
zdarzenia

POZOSTAŁE CECHY

• XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
• może być zawarty w elementach: select
• może zawierać elementy: option

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<form action="index.php" method="get"><div>
  <select name="wybor">
    <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>
  <input type="submit" value=" wyślij dane " /> 
</div></form>