HTML’de Button Özellikleri
HTML’deki <button> öğesi, kullanıcıların bir eylemi tetiklemesine olanak tanıyan etkileşimli bir kontrol öğesidir. Çeşitli özellikler aracılığıyla özelleştirilebilir ve bu özellikler, düğmenin görünümünü, davranışını ve işlevselliğini kontrol eder.
Temel Özellikler
- type: Düğmenin türünü belirtir. En yaygın değerler “submit” (formu gönderir), “reset” (formu sıfırlar) ve “button”dur (özel bir eylem tetikler).
- value: Düğmenin etiketini veya değerini belirtir.
- name: Düğmeye bir ad verir, bu ad form gönderildiğinde sunucu tarafında kullanılabilir.
- disabled: Düğmeyi devre dışı bırakır ve kullanıcıların üzerine tıklamasını engeller.
- autofocus: Sayfa yüklendiğinde düğmeye otomatik olarak odaklanmasını sağlar.
Görünüm Özellikleri
- class: Düğmeye bir veya daha fazla CSS sınıfı ekler.
- style: Düğmenin stilini doğrudan CSS ile ayarlar.
- size: Düğmenin boyutunu belirtir.
- shape: Düğmenin şeklini belirtir. En yaygın değerler “rect” (dikdörtgen) ve “circle”dır (daire).
Davranış Özellikleri
- onclick: Düğmeye tıklandığında tetiklenecek bir JavaScript işlevi belirtir.
- onmouseover: Fare imleci düğmenin üzerine geldiğinde tetiklenecek bir JavaScript işlevi belirtir.
- onmouseout: Fare imleci düğmenin üzerinden ayrıldığında tetiklenecek bir JavaScript işlevi belirtir.
- form: Düğmenin hangi formla ilişkilendirileceğini belirtir.
- formaction: Düğmeye tıklandığında formun gönderileceği URL’yi belirtir.
Erişilebilirlik Özellikleri
- title: Düğmenin bir araç ipucu metni sağlar.
- aria-label: Düğmenin etiketini ekran okuyuculara sağlar.
- aria-disabled: Düğmenin devre dışı bırakılıp bırakılmadığını ekran okuyuculara bildirir.
İlgili Dosyalar