Örnek
aşağıdaki gibi bir tıklanabilir düğme işaretlendiğinde:
<button type="button">Click Me!</button>
Kendin dene " Tanımı ve Kullanımı
<button> etiketi tıklanabilir bir düğme tanımlar.
Bir İçinde <button> eleman metin veya görüntüler gibi içerikleri koyabilirsiniz. Bu oluşturulan bu eleman ve düğmeler arasındaki farktır <input> elemanı.
Tip: Her zaman belirtmek type bir özelliğine yönelik <button> elemanı. Farklı tarayıcılar için farklı varsayılan türlerini kullanmak <button> elemanı.
Tarayıcı Desteği
| Eleman | |||||
|---|---|---|---|---|---|
| <button> | Evet | Evet | Evet | Evet | Evet |
İpuçları ve Notlar
Note: Eğer kullanırsanız <button> bir HTML biçiminde eleman, farklı tarayıcılar farklı değerler sunabilir. Kullan <input> bir HTML biçiminde düğmeler oluşturun.
İpucu: Lütfen edin CSS Düğmeleri Eğitimi CSS ile düğmeleri stilini nasıl öğrenmek için.
HTML 4.01 ve HTML5 Arasındaki Farklar
: HTML5 aşağıdaki yeni özelliklere sahiptir autofocus, form, formaction, formenctype, formmethod, formnovalidate ve formtarget .
Nitelikler
= HTML5'teki Yeni.
| nitelik | değer | Açıklama |
|---|---|---|
| autofocus | autofocus | Bir düğme otomatik olsun Sayfa yüklendiğinde odaklanması gerektiğini belirtir |
| disabled | disabled | Bir düğme devre dışı gerektiğini belirtir |
| form | form_id | düğmesinin ait bir veya daha fazla form belirtir |
| formaction | URL | Bir form gönderildiğinde form-data gönderileceği yeri belirler. Yalnızca type="submit" |
| formenctype | application/x-www-form-urlencoded multipart/form-data text/plain | form-data bir sunucuya göndermeden önce kodlanmış nasıl olması gerektiği belirtir. Yalnızca type="submit" |
| formmethod | get post | Form veri göndermek için nasıl belirler (which HTTP method to use) . Yalnızca type="submit" |
| formnovalidate | formnovalidate | form-data sunulmasına ilişkin valide edilmemesi gerektiğini belirtir. Yalnızca type="submit" |
| formtarget | _blank _self _parent _top framename | nerede formu gönderdikten sonra tepkisini göstermek için belirtir. Yalnızca type="submit" |
| name | name | Düğme için bir ad belirtir |
| type | button reset submit | düğmenin türünü belirtir |
| value | text | düğme için bir başlangıç değeri belirtir |
Küresel Nitelikler
<button> etiketi de destekliyor Küresel HTML Özellikleri .
Olay Nitelikler
<button> etiketi de destekler Olay HTML Özellikleri .
İlgili Sayfalar
HTML DOM referansı: Düğme Nesne
CSS Eğitimi: Stil Düğmeler
Varsayılan CSS Ayarları
Yok.