select

Lemur zaprasza

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

•
•
•
•

•
•
•
•
•
•
•

•
•
•
•
•
•
•

SELECT

Element definiuje rozwijane pole wyboru w formularzach.

Atrybuty elementu:

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

•
=[cyfra] opcjonalny - IE4
kolejność tabulacji

•
=[tekst] opcjonalny - IE1, N1, O2.1
nazwa elementu

•
=[liczba] opcjonalny - IE1, N1, O2.1
szerokość elementu

•
=[brak] opcjonalny - IE1, N1, O2.1
wybór wielu elementów

• ,

=[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: IE1, N1, O2.1

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

• Przykład 1:

<form action="..." method="get">
Imię: <input type="text" id="imie"><br>
Nazwisko: <input type="text" id="nazwisko"><br>
Miasto:
<select>
<option>Warszawa</option>
<option>Sosnowiec</option>
<option>Inne</option>
</select><br>
Płeć:
<input type="radio" name="plec" value="k"> kobieta
<input type="radio" name="plec" value="m"> mężczyzna<br>
Ulubione potrawy:
<input type="checkbox" name="potrawa" value="b"> barszcz
<input type="checkbox" name="potrawa" value="l"> łosoś
<input type="checkbox" name="potrawa" value="i"> inna<br>
<textarea name="tekst" rows="5" cols="20">
Miejsce na większy tekst
</textarea><br>
<button type="reset" name="reset">
skasuj<hr width=30>dane
</button>
<input type="submit" value=" wyślij dane ">
</form>

Imię:
Nazwisko:
Miasto:

Warszawa
Sosnowiec
Inne

Płeć:
kobieta
mężczyzna

Ulubione potrawy:
barszcz
łosoś
inna

Miejsce na większy tekst

skasujdane

• • •