Exemplu
Intermediul unui buton este marcat după cum urmează:
<button type="button">Click Me!</button>
Încearcă - l singur » Definiție și utilizare
<button> tag - ul defineste intermediul unui buton.
În interiorul unui <button> element pe care îl puteți pune conținut, cum ar fi text sau imagini. Aceasta este diferența dintre acest element și butoanele create cu <input> element.
Tip: specificați întotdeauna type de atribut pentru un <button> Element. Diferite browsere folosesc diferite tipuri implicite pentru <button> element.
Suport pentru browser-
| Element | |||||
|---|---|---|---|---|---|
| <button> | da | da | da | da | da |
Sfaturi și note
Note: Dacă utilizați <button> elementul într - un formular HTML, browsere diferite pot prezenta valori diferite. Utilizați <input> pentru a crea butoane într - un formular HTML.
Sfat: Accesați butoane CSS Tutorial pentru a afla cum să stil butoane cu ajutorul CSS.
Diferențe între HTML 4.01 și HTML5
HTML5 are următoarele noi atribute: autofocus, form, formaction, formenctype, formmethod, formnovalidate și formtarget .
atribute
= Nou în HTML5.
| Atribut | Valoare | Descriere |
|---|---|---|
| autofocus | autofocus | Specifică faptul că un buton ar trebui să se concentreze în mod automat atunci când se încarcă pagina |
| disabled | disabled | Specifică faptul că un buton ar trebui să fie dezactivat |
| form | form_id | Specifică una sau mai multe forme butonul apartinand |
| formaction | URL | Specifică unde să trimită formularul de date, atunci când se prezintă o formă. Numai pentru type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | Specifică modul în formă de date ar trebui să fie codificat înainte de a trimite-l la un server. Numai pentru type="submit" |
| formmethod | get post | Specifică modul de a trimite formularul de date (which HTTP method to use) . Numai pentru type="submit" |
| formnovalidate | formnovalidate | Specifică faptul că formularul de date nu ar trebui să fie validate pe baza prezentării. Numai pentru type="submit" |
| formtarget | _blank _self _parent _top framename | Specifică unde să afișeze răspunsul după depunerea formularului. Numai pentru type="submit" |
| name | name | Specifică un nume pentru butonul |
| type | button reset submit | Specifică tipul de buton |
| value | text | Specifică o valoare inițială pentru butonul |
Atribute globale
<button> tag - ul sprijină , de asemenea, Atributele Global in HTML .
Atribute Eveniment
<button> tag - ul sprijină , de asemenea, Atribute eveniment în HTML .
Pagini similare
HTML DOM referință: Buton obiect
CSS Tutorial: Butoane Styling
Setări implicit CSS
Nici unul.