Etiket, web sayfanızdaki HTML formunda tıklanabilir bir düğme oluşturmak için kullanılır. ....... etiketi içerisine metin veya resim gibi içerikler yerleştirebilirsiniz.
Bir etiket için her zaman type niteliğini belirtmelisiniz. Farklı tarayıcılar, düğme öğesi için farklı varsayılan tür kullanır.
HTML Button etiketi formun içinde ve dışında kullanılabilir.
Eğer kullanırsan formun içinde gönder düğmesi olarak çalışır. Reset butonu olarak da kullanabilirsiniz.
Eğer kullanırsan formun dışında , bunun üzerinde JavaScript işlevini çağırabilirsiniz.
HTML Düğme Etiketi Örneği
Düğmeyi görüntüleyecek kodu görelim.
Click HereŞimdi Test Edin
Çıktı:
Buraya tıklayınHTML Düğmesi Örneği: JavaScript İşlevini Çağırma
Düğmeye tıklandığında JavaScript işlevini çağıracak kodu görelim.
Click Here function hello(){ alert('hello javatpoint user'); } Şimdi Test Edin Çıktı:
Buraya tıklayınHTML Düğmesi Örneği: Formu Gönder
Düğmeye tıklandığında form gönderecek kodu görelim.
Enter Name: <br> SubmitŞimdi Test Edin
Çıktı:
İsim giriniz:Göndermek
HTML Düğmesi Örneği: Formu Sıfırla
Düğmeye tıklandığında form gönderecek kodu görelim.
Enter Name: <br> resetŞimdi Test Edin
Çıktı:
İsim giriniz:Sıfırla
HTML Düğme Etiketinin Özellikleri
etiketi tüm genel özellikleri ve bazı belirli ek özellikleri destekler.
HTML düğme etiketi niteliklerinin bir listesi verilmiştir.
| Bağlanmak | Tanım |
|---|---|
| otomatik odaklama | Sayfa yüklenirken bir düğmenin otomatik olarak odaklanması gerektiğini belirtir. |
| engelli | Bir düğmenin devre dışı bırakılması gerektiğini belirtir. |
| biçim | Düğmenin ait olduğu bir veya daha fazla formu belirtir. |
| formasyon | Gönderme türü için kullanılır. Form gönderildiğinde form verilerinin nereye gönderileceğini belirtir. |
| form yöntemi | Form verilerinin nasıl gönderileceğini belirtir. |
| şekil tipi | Form verilerinin sunucuya gönderilmeden önce nasıl kodlanması gerektiğini belirtir. |
| formnovalidat | Form verilerinin gönderim sırasında doğrulanmaması gerektiğini belirtir. |
| formhedefi | Formu gönderdikten sonra yanıtın nerede görüntüleneceğini belirtir. |
| isim | Düğmenin adını belirtir. |
| tip | Düğmenin türünü belirtir. |
| değer | Düğmenin değerini belirtir. |
Destekleyen Tarayıcılar
| Öğe |  Krom |  IE |  Firefox |  Opera |  Safari |
| Evet | Evet | Evet | Evet | Evet |