Opis

button definiuje klikalny przycisk.

Wewnątrz elementu <button> możesz umieścić treść, taką jak tekst lub obrazy. Jest to różnica między tym elementem a przyciskami utworzonymi za pomocą elementu <input>

Zawsze określaj atrybut type (button, reset lub submit) dla elementu <button> , gdyż różne przeglądarki używają różnych typów domyślnych dla tego elementu! Użyj <input>, aby utworzyć przycisk w formie HTML.

Przykład

Kod:
Atrybuty
Atrybut Wartość Opis
autofocus autofocus Określa, że element powinien automatycznie zostać aktywowany po załadowaniu strony. Atrybut logiczny.
disabled disabled Określa, że element powinien być wyłączony. Wyłączonego przycisku nie można używać i nie można go kliknąć. Możesz użyć JS by to potem zmienić. Atrybut logiczny.
form form_id Określa formularz, do której należy ten element (gdyż np. znajduje się poza danym formularzem a mimo to jest jego częścią). Wartość tego atrybutu (form_id) musi być równa wartości atrybutu id elementu <form> w tym samym dokumencie.
formaction URL Tylko dla type="submit". Określa gdzie wysłać dane - adres URL pliku, który przetworzy formant wejściowy po przesłaniu formularza. Przesłania atrybut action elementu <form>.
formenctype application/x-www-form-urlencoded[1]
multipart/form-data[2]
text/plain[3]
Tylko dla type="submit". Określa sposób kodowania danych formularza przed wysłaniem go na serwer. Przesłania atrybut enctype elementu <form>.
1Domyślne. Wszystkie znaki są kodowane przed wysłaniem (spacje są konwertowane na symbole „+”, a znaki specjalne na wartości HEX ASCII).
2Żadne znaki nie są kodowane (używane w formularzach, które mają kontrolę przesyłania plików).
3Spacje są konwertowane na symbole „+”, ale żadne znaki nie są kodowane.
formmethod get
post
Tylko dla type="submit”. Definiuje metodę HTTP wysyłania danych na adres URL akcji. Przesłania atrybut method elementu <form>.
"GET" - dołącza dane formularza do adresu URL w parach nazwa/wartość: URL?name=value&name=value
POST - wysyła dane jako transakcję końcową HTTP. (Dane formularza mogą być wysyłane jako zmienne URL lub jako post HTTP).
formnovalidate formnovalidate Tylko z type="submit". Określa, że elementy formularza nie powinny być sprawdzane podczas przesyłania. Atrybut logiczny. Przesłania atrybut novalidate elementu <form>.
formtarget _blank
_self
_parent
_top
framename
Tylko dla type="submit". Określa, gdzie ma być wyświetlana odpowiedź otrzymana po przesłaniu formularza. Przesłania atrybut target elementu <form>. Ponieważ ramki nie są obsługiwane w HTML5 ostatnie trzy wartości najczęściej są używane z <iframe>.
name name Określa nazwę kontrolki. Atrybut służy do odwoływania się do elementów w JS lub do odwoływania się do danych formularza po jego przesłaniu.
Wskazówka: kilka elementów <button> może mieć tę samą nazwę. To pozwala mieć kilka przycisków o takich samych nazwach, które mogą przesyłać różne wartości.
type button
reset
submit
Określa typ przycisku. Zawsze go określaj, gdyż różne przeglądarki mogą przesyłać różne domyśłne wartości:
button - zwykły, klikalny przycisk,
reset - przycisk resetowania danych do wartości początkowych formularza,
submit - przycisk przesyłania danych formularza.
value text Określa wartość początkową przycisku. Uwaga: W formularzu przycisk i jego wartość są przesyłane tylko wtedy, gdy sam przycisk został użyty do przesłania formularza.

CSS (domyślne ustawienia)

Info: