label

Lemur zaprasza

Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: •
ostatnia aktualizacja kursu: 2003.06.01

•
•
•
•

•
•
•
•
•
•
•

•
•
•
•
•
•
•

LABEL

Element definiuje etykietę dla pola formularza, po kliknięciu której uaktywnia się przypisane jej pole.

Atrybuty elementu:

•
=[litera] opcjonalny - IE4
skrót klawiszowy

• ,

=[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: IE4, N6, O4

Grupa elementów tabel:
,
,
,
,
,
,
,
,
,
,
,
Przykładowe zastosowania:

• Przykład 1:

<form action="..." method="get">
<fieldset>
<legend>pola tekstowe</legend>
<label for="imie">imie: </label>
<input type="text" id="imie"><br>
<label for="nazwisko">nazwisko: </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
imie:

nazwisko:

pole baz LABEL:

pola wyboru

system Windows
system Unix

procesor Intel
procesor AMD

• • •