optgroup

Lemur zaprasza

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

-
-
-
-

•
•
•
•
•
•

OPTGROUP

Element definiuje etykiety dla zgrupowanych pól wyboru. Element nie jest jednak poprawnie interpretowany przez przeglądarki.

Atrybuty elementu: ()

•
=[brak wartości] opcjonalny - N6
wyłącza element

•
=[tekst] opcjonalny - N6
etykieta grupy

• ,

=[tekst] opcjonalne - IE3, N4, O3.5
unikalny identyfikator i nazwa klasy CSS
• ,
=[tekst] opcjonalne - IE4
język i kierunek wyświetlania tekstu bądź elementu
•
=[tekst] opcjonalny - IE5
tytuł elementu
•
=[] opcjonalny - IE3, N4, O3.5
styl CSS elementu
• ,
,
,
,
,
,
,
,
,
=[skrypt] opcjonalne
reakcje na zdarzenia pochodzące od myszy lub klawiatury

Pozostałe cechy:

• znacznik zamykający: wymagany

• położenie:
wewnątrz elementu

• przeglądarki: N6

Grupa elementów tabel:
,
,
,
,
,
,
,
,
,
,

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
First name:

Last name:

pole baz LABEL:

pola wyboru

system Windows
system Unix

procesor Intel
procesor AMD

• • •