Element HTML button
służy do tworzenia przycisków na stronach internetowych. Od przycisków tworzonych przy użyciu elementu input
odróżnia go to, że można w nim umieszczać treść, np. tekst i grafikę.
Przykład użycia elementu HTML button
Przycisk do zatwierdzania formularza.
<button type="submit">Kliknij, aby wysłać</button>
Kontekst użycia
Modele treści HTML5 | treść ogólna, syntagmatyczna, interaktywna oraz formularzowa (z listy, etykietowalna i do zatwierdzania) |
---|---|
Elementy nadrzędne | Elementy przyjmujące treść syntagmatyczną, ale nie może być interaktywnych potomków |
Elementy potomne | Treść syntagmatyczna |
Znaczniki | Musi mieć znacznik otwierający i zamykający |
Normy | HTML5 — podrozdział 4.10.8; HTML 4.01 — podrozdział 17.5 |
Interfejs DOM | HTMLButtonElement |
Różnice między HTML 4.01 a HTML 5 | W HTML 5 dodano nowe atrybuty: autofocus, form, required, formaction, formenctype, formmethod, formnovalidate oraz formtarget |
Obsługa przez przeglądarki
Firefox | Chrome | Opera | Safari | Internet Explorer |
---|---|---|---|---|
✔ | ✔ | ✔ | ✔ | ✔ |
Atrybuty obowiązkowe
Element button
nie ma atrybutów obowiązkowych.
Atrybuty opcjonalne
Atrybuty globalne HTML5 oraz:
Atrybut | Opis |
---|---|
autofocus | Atrybut logiczny powodujący, że mający go element jest automatycznie aktywowany po załadowaniu strony przez przeglądarkę |
disabled | Atrybut logiczny oznaczający, że element jest wyłączony |
form | Służy do określania formularza, z którym związany jest przycisk |
formaction | Określa miejsce wysłania danych z formualrza |
formenctype | Określa kodowanie danych wysyłanych z formularza na serwer |
formmethod | Określa metodą wysyłania danych na serwer |
formnovalidate | Wyłącza sprawdzanie poprawności danych formularza podczas przesyłania ich na serwer |
formtarget | Określa miejsce wyświetlenia odpowiedzi serwera po przesłaniu formularza |
name | Określa nazwę elementu. Wartość tego atrybutu nie może być pustym łańcuchem |
type | Określa typ przycisku. Dostępne są trzy typy:
Jeśli atrybut ten nie zostanie zdefiniowany, domyślnie przycisk jest typu |
value | Określa wartość, jaka zostanie przesłana na serwer dla tego elementu po zatwierdzeniu formularza |