Przykład
Klikalny przycisk jest oznaczony w następujący sposób:
<button type="button">Click Me!</button>
Spróbuj sam " Definicja i Wykorzystanie
<button> tag definiuje klikalny przycisk.
Wewnątrz <button> elementu można umieścić treść, jak tekst lub obrazy. Jest to różnica pomiędzy tym elementem i przyciski utworzone z <input> elementu.
Wskazówka: Zawsze określić type atrybutu dla <button> elementu.Różne przeglądarki używać różnych typów domyślnych <button> elementu.
Pomoc Browser
| Element | |||||
|---|---|---|---|---|---|
| <button> | tak | tak | tak | tak | tak |
Porady i wskazówki
Uwaga: Jeśli używasz <button> elementu w postaci HTML, różne przeglądarki mogą składać różne wartości.Użyj <input> , aby utworzyć przyciski w postaci HTML.
Wskazówka: Odwiedź CSS Przyciski Tutorial , aby dowiedzieć się, jak projektować przyciski z CSS.
Różnice między HTML 4.01 i HTML5
HTML5 ma następujące nowe atrybuty: autofocus, form, formaction, formenctype, formmethod, formnovalidate i formtarget .
Atrybuty
= Nowe w HTML5.
| Atrybut | Wartość | Opis |
|---|---|---|
| autofocus | autofocus | Określa, że przycisk powinien skupić się automatycznie po załadowaniu strony |
| disabled | disabled | Określa, że przycisk powinien być wyłączony |
| form | form_id | Określa jedną lub kilka form, do których należy przycisk |
| formaction | URL | Określa gdzie wysłać form-data, gdy formularz jest składany. Tylko dla type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Określa, jak form-data powinny być kodowane przed wysłaniem go do serwera. Tylko dla type="submit" |
| formmethod | get post | Określa sposób wysłać formularz-danych (która metoda HTTP do użycia). Tylko dla type="submit" |
| formnovalidate | formnovalidate | Określa, że forma, dane nie powinny być zatwierdzane po przedłożeniu. Tylko dla type="submit" |
| formtarget | _blank _self _parent _top framename | Określa miejsce, aby wyświetlić odpowiedź po wysłaniu formularza. Tylko dla type="submit" |
| name | name | Określa nazwę dla przycisku |
| type | button reset submit | Określa typ przycisku |
| value | text | Określa wartość początkową dla przycisku |
Atrybuty globalne
<button> tag obsługuje również globalne Atrybuty w HTML .
Atrybuty Event
<button> tag obsługuje również Event Atrybuty w HTML .
Podobne strony
Odniesienia HTML DOM: Przycisk obiektu
CSS: Stylizacja Przyciski
Domyślne ustawienia CSS
Żaden.