 |
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
BUTTON
Element definiuje rozbudowane przyciski w formularzach. Można go stosować zamiast elementu INPUT do wysyłania formularzy. Ma tą zaletę, że można w nim umieścić fragmenty kodu HTML i grafiki.
Atrybuty elementu: (sposób opisywania)
- • disabled
=[brak wartości] opcjonalny - IE4, N6
- wyłącza element
- • tabindex
=[cyfra] opcjonalny - IE4
- kolejność tabulacji
- • accesskey
=[litera] opcjonalny - IE4
- skrót klawiszowy
- • name
=[tekst] opcjonalny - IE4, N6
- nazwa elementu
- • value
=[tekst] opcjonalny - IE4, N6
- wartość parametru
- • type
=[button|submit|reset] opcjonalny - IE4, N4
- typ danych
- • 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: wymagany
• położenie:
wewnątrz elementu FORM
• przeglądarki: IE4, N6
Grupa elementów tabeli:
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>
• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!
|
