Pełny kurs HTML, XHTML i CSS z przykładami. Kompendium wiedzy każdego webmastera.













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


[0-9] 
A 
B 
C 
D 
E 
F 
G 
H 
I 
J 
K 
L 
M 
N 
O 
P 
Q 
R 
S 
T 
U 
V 
W 
X 
Y 
Z 

[główne menu] -
[elementy HTML] -
[atrybuty HTML] -
[style CSS] -
[artykuły]

tabele •
listy •
formularze •
multimedia •
el. strukturalne •
el. blokowe •
el. liniowe

INPUT

Element definiuje różne pola w formularzach.

Atrybuty elementu: (sposób opisywania)


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• id,
class
=[tekst] opcjonalne - IE3, N4, O3.5
unikalny identyfikator i nazwa klasy CSS
• lang, dir
=[tekst] opcjonalne - IE4
język i kierunek wyświetlania tekstu bądź elementu
• title
=[tekst] opcjonalny - IE5
tytuł elementu
• style
=[CSS] opcjonalny - IE3, N4, O3.5
styl CSS elementu

• onclick,
ondblclick,
onmousedown,
onmouseup,
onmouseover,
onmousemove,
onmouseout,
onfocus,
onblur,
onkeypress,
onkeydown,
onkeyup =[skrypt] opcjonalne
reakcje na zdarzenia pochodzące od myszy lub klawiatury

Pozostałe cechy:

• znacznik zamykający: zabroniony
• położenie:
wewnątrz elementu FORM
• przeglądarki: IE1, N1, O2.1

Grupa elementów tabel:
BUTTON,
FIELDSET,
FORM,
INPUT,
ISINDEX,
LABEL,
LEGEND,
OPTGROUP,
OPTION,
SELECT,
TEXTAREA
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




• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!