Przycisk <button>
Jak wprowadzić przycisk na stronę WWW?
<button type="rodzaj">Treść przycisku</button>
- "submit" - przycisk wysłania formularza (domyślnie)
- "reset" - przycisk wyczyszczenia danych
- "button" - zwykły przycisk
Wprowadza na ekran przycisk. Polecenie to jest zbliżone do przycisków: wysłania oraz wyczyszczenia formularza, a także do: <input type="button" value="napis">. Jednak pozwala ono dodatkowo, wprowadzić do przycisku grafikę, tabelkę i inne elementy - wystarczy umieścić dodatkowe znaczniki pomiędzy <button> a </button> (w miejsce treści przycisku). Można również dowolnie formatować tekst, np. wprowadzając pogrubienie, pochylenie i inne.
W przypadku zastosowania type="button" na ekranie pojawi się przycisk, po kliknięciu którego nie nastąpi żadna akcja. Aby to zmienić, należy przechwycić wygenerowane zdarzenie onclick.
Jeśli przycisk posiada atrybut name="...", jego wartość powinna zostać wysłana razem z formularzem. W przypadku wstawienia kilku takich przycisków, oprócz standardowych pól z formularzem powinna być wysłana wartość tylko tego przycisku, który został kliknięty.
UWAGA! Element BUTTON nie może zawierać znaczników: A, INPUT, SELECT, TEXTAREA, LABEL, BUTTON, FORM, FIELDSET.
Przykład <button>
W niektórych systemach operacyjnych i przeglądarkach wygląd przycisków o dużych rozmiarach może być bardzo nieestetyczny!
Pytania i odpowiedzi <button>
Jak zrobić przyciski w HTML?
Aby wstawić w dokumencie HTML przycisk, po kliknięciu którego nastąpi przejście do innej strony, można się posłużyć odsyłaczem obrazkowym.
Co to jest BUTTON w HTML?
Jest to znacznik, za pomocą którego możemy wstawić przycisk wewnątrz formularza. W języku HTML istnieją trzy typy przycisków, które ustawia się za pomocą odpowiedniego atrybutu: type="submit" - wysłanie formularza, type="reset" - zresetowanie danych, type="button" - przycisk bez akcji (można go użyć np. w skrypcie JavaScript).
Przeglądarki
 Chrome |  Firefox |  Edge |  Opera |  Safari | |
|---|---|---|---|---|---|
<button> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | ≤15 2013-07-02 | 1 2003-06-23 |
<button disabled> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | ≤4 2009-06-08 |
<button form> | 9 2011-02-03 | 4 2011-03-22 | 16 2017-10-17 | 15 2013-07-02 | 5.1 2011-07-20 |
<button name> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | ≤4 2009-06-08 |
<button type> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | ≤4 2009-06-08 |
<button value> | 1 2008-12-11 | 1 2004-11-09 | 12 2015-07-29 | 15 2013-07-02 | ≤4 2009-06-08 |