Logo HTML5
1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdek (głosów: 1, średnia ocena: 5,00)
Loading ... Loading ...

Element button

Element 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ę.

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 HTML 5 — 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

Przykłady użycia

Przycisk do zatwierdzania formularza
<button type="submit">Kliknij, aby wysłać</button>

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 HTML 5 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:
  • button: tworzy zwykły przycisk, któy domyślnie nie ma żadnej funkcji
  • reset: tworzy przycisk resetujący formularz
  • submit: tworzy przycisk do zatwierdzania formularza

Jeśli atrybut ten nie zostanie zdefiniowany, domyślnie przycisk jest typu submit.

value Określa wartość, jaka zostanie przesłana na serwer dla tego elementu po zatwierdzeniu formularza

Inne artykuły poruszające podobny temat

pojazd-hexgl

Niesamowity pokaz możliwości technologii WebGL

Pasek z nadanymi stylami

Element progress HTML5

Ikona formularza

Tworzenie oszałamiających formularzy przy użyciu nowych elementów HTML5

Ikona kalkulatora

Element output – wynik obliczeń

Logo HTML5

HTML5 i Canvas 2D przechodzą w fazę rekomendacji kandydujących

Programming Windows 8 Apps with HTML, CSS, and JavaScript

Darmowy e-book Programming Windows 8 Apps with HTML, CSS, and JavaScript

Dodaj komentarz









Newsletter

Subskrybując nasz newsletter masz pewność, że nie ominie Cię żadna nowość w serwisie!