HTML Button Etiketi ( İnput Etiketi Dahil ) ve Kullanımı!
HTML Button Etiketi ( İnput Etiketi Dahil ) ve Kullanımı!

HTML Button Etiketi. Tıklanabilir bir düğme şu şekilde işaretlenir:

See the Pen Armyyazılım buton etiketi by ArmyYazılım (@armyyazilim) on CodePen.

HTML Button Etiketi Tanım ve Kullanım

<button>Etiket tıklanabilir bir düğme tanımlar.

Bir <button>öğenin içine metin (ve <i>, <strong>, <br>, <img> vb. Etiketler) koyabilirsiniz. Bu, <input> öğesi ile oluşturulmuş bir düğme ile mümkün değildir !

İpucu:<button> Tarayıcılara ne tür bir düğme olduğunu söylemek için her zaman bir öğenin type özniteliğini belirtin .

İpucu: CSS ile düğmeleri kolayca biçimlendirebilirsiniz! Aşağıdaki örneklere bakın.

İki Tür Tanımlanır

Birinci tanım button etiketi ile ikincisi input etiketiyle tanımlanır. İkisininde kullanımı aşağıdaki gibidir.

See the Pen input button armyyazılım by ArmyYazılım (@armyyazilim) on CodePen.

Burada dikkat etmeniz gereken nokta: input ile kullanıldığında kapatma etiketinin olmaması ve butonun ismini yazdığımız yerin değişik olması.

HTML Button Etiketi Öznitellikleri

ÖznitelikDeğerAçıklama
autofocusautofocusSayfa yüklendiğinde bir düğmenin otomatik olarak odaklanması gerektiğini belirtir
disableddisabledBir düğmenin devre dışı bırakılması gerektiğini belirtir
formform_idDüğmenin hangi forma ait olduğunu belirtir
formactionURLBir form gönderildiğinde form verilerinin nereye gönderileceğini belirtir. 
Yalnızca type = ”submit” için
formenctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
Form verilerinin sunucuya gönderilmeden önce nasıl kodlanması gerektiğini belirtir. 
Yalnızca type = ”submit” için
formmethodget
post
Form verilerinin nasıl gönderileceğini belirtir (hangi HTTP yönteminin kullanılacağı). 
Yalnızca type = ”submit” için
formnovalidateformnovalidateForm verilerinin gönderim sırasında doğrulanmaması gerektiğini belirtir. 
Yalnızca type = ”submit” için
formtarget_blank
_self
_parent
_top
framename
Formu gönderdikten sonra yanıtın nerede görüntüleneceğini belirtir. 
Yalnızca type = ”submit” için
namenameDüğme için bir isim belirtir
typebutton
reset
submit
Düğme türünü belirtir
valuetextDüğme için bir başlangıç ​​değeri belirtir
Butonun kullanabileceği öznitelikler.

Stil vererek butonlarımızı özelleştirebiliriz.

See the Pen armyyazılım buton özelleştirme by ArmyYazılım (@armyyazilim) on CodePen.

Daha efektif butonlar tasarlayabilirsiniz.

See the Pen Armyyazılım buton özelleştirme 2 by ArmyYazılım (@armyyazilim) on CodePen.

Armyyazılım.com İbrahim BOZKURT

Herhangi bir sorunuz ve öneriniz varsa, yorumlar kısmında bize bildirin!Eğer yazılım ile ilgileniyorsanız sizde bizlere katılıp makaleler yazabilir video içerikler üretebilirsiniz. Sizlerle birlikte bizde büyük bir ekip olabiliriz.

Ayrıca İnstagram hesabımızı takip edebilir  bize  Twitter ’dan da yazabilirsiniz.

Bu platformlardan herhangi birinde hsabınız yok ise telaşa gerek yok. İstediğiniz soruyu yorumlarda belirtebilirsiniz.

İlginizi çekebilir…

Tüm HTML Kodları ve Açıklamaları!

Bu makaleyi beğendiyseniz, lütfen WordPress video eğiticileri için YouTube Kanalımıza abone olun . Bizi Twitter ve İnstagram‘da da bulabilirsiniz…

HTML

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir