HTML DÜĞME ETIKETI

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ın

HTML 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(&apos;hello javatpoint user&apos;); }

Şimdi Test Edin

Çıktı:

Buraya tıklayın

HTML 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.