lifeacode yandex
HTML button Etiketi | HTML Etiketleri | Lifeacode

HTML <button> Etiketi



HTML <button> etiketi, web sayfanızda yer alan HTML formunda tıklanabilir bir düğme oluşturmak için kullanılır. <button> içerik…</button> etiketleri arasına metin veya resim ekleyebilirsiniz. HTML  <button> etiketi için type niteliğini belirtilir. Farklı tarayıcılar,

HTML <button> etiketi formun içinde veya dışında kullanılabilir.

HTML <button> etiketi formun içinde “gönder” düğmesi veya sıfırlama düğmesi olarak çalışır. Formun dışında ise JavaScript işlemi için çağırabilirsiniz.

 

Söz dizimi:

<button> ........ </button>

 

Örnek:

<button name="button" type="button">Buraya Tıkla</button>  

Ekran Çıktısı:


 

Örnek-2(Formun Dışında)

<button name="button" value="OK" type="button" onclick="merhaba()">Buraya Tıkla</button>  
<script>  
function merhaba(){  
alert("merhaba lifeacode kullanıcısı");  
}  
</script>  

Ekran Çıktısı:


 

Örnek-3(Gönder Formu)

<form>  
İsminizi Yazınız::<input type="text" name="name"/><br/>  
<button>Gönder</button>  
</form> 

Ekran Çıktısı:

İsminizi Yazınız::

 

Özel Kullanımları:

Özellik
Açıklama                
autofocus
Sayfa yüklenmesi sırasında odaklanılacak bir buton belirtir.
disabled
Devre dışı bırakılacak düğmeyi belirtir.
form
Butonun ait olduğu formu belirtir.
formaction
Gönderme türü belirtilir.
formmethod
Form verisinin gönderim tipini belirtir.
formenctype
Form verisinin sunucuya gitmeden önce nasıl kodlanması gerektiğini belirtir.
formnovalidate
Form verilerinin başvuru sırasında onaylanmama durumunu belirtir.
formtarget
Formun yanıtının görüntüleneceği yeri belirtir.
name
Butonun ismini belirtir.
type
Buton türünü belirtir.
value
Buton değerini belirtir.

 

Tarayıcı Desteği:

Kimler Neler Demiş?

avatar
  Subscribe  
Bildir