Element HTML: button











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


[Start] •
[Elementy HTML] •
[Atrybuty HTML] •
[Style CSS] •
[Porady online]

[A]
[B]
[C]
[D]
[E]
[F]
[H]
[I]
[K]
[L]
[M]
[N]
[O]
[P]
[Q]
[R]
[S]
[T]
[U]
[V]
[W]
[Z]

[kolory] •
[tekst] •
[czcionki] •
[rozmiary] •
[pozycje] •
[tabele] •
[listy] •
[formularze]

[struktura] •
[linki] •
[multimedia] •
[bloki] •
[obramowania] •
[tła] •
[synteza] •
[druk]

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:

• 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>


Imię:
Nazwisko:
Miasto:

Warszawa
Sosnowiec
Inne

Płeć:
kobieta
mężczyzna
Ulubione potrawy:
barszcz
łosoś
inna

Miejsce na większy tekst


skasujdane




 • • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!