input

Lemur zaprasza

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

•
•
•
•

•
•
•
•
•
•
•

•
•
•
•
•
•
•

INPUT

Element definiuje w formularzach pola różnego typu.

Atrybuty elementu:

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

•
=[ścieżka, URL] opcjonalny - IE1, N1, O2.1
adres mapy dla elementu

•
=[brak] opcjonalny - IE1, N1, O2.1
dodaje współrzędne do adresu odnośnika

•
=[ścieżka, URL] opcjonalny - IE1, N1, O2.1
źródło grafiki dla przycisku

•
=[tekst] opcjonalny - IE1, N1, O2.1
tekst alternatywny gdy element nie może być wyświetlony

•
=[brak] opcjonalny - IE4, N6
tylko do odczytu

•
=[] opcjonalne - ???
akceptowany zestaw znaków

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

•
=[brak] opcjonalny - IE1, N1, O2.1
zaznacza i wybiera element

•
=[liczba] opcjonalny - IE1, N1, O2.1
maksymalna długość tekstu

•
=[bottom|middle|top|left|right] opcjonalny - IE1, N1, O2.1
wyrównanie w poziomie i pionie

•
=[litera] opcjonalny - IE4
skrót klawiszowy
•
=[cyfra] opcjonalny - IE4
kolejność tabulacji

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

•
=[tekst] opcjonalny - IE1, N1, O2.1
wartość parametru

•
=[text|password|checkbox|radio|submit|reset|file|hidden|image|button] opcjonalny - IE1, N1, O2.1
rodzaj elementu

• ,

=[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: zabroniony

• położenie:
wewnątrz elementu

• przeglądarki: IE1, N1, O2.1

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

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

• • •