Giri┼č yap

<button> Etiketi
HTML

T─▒klanabilir bir d├╝─čme (buton) tan─▒mlar. button i├žerisine yaz─▒ ya da resim koyabilirsiniz. Genelde <form> etiketi i├žerisinde formu g├Ânderme i┼člemini yerine getirmek i├žin type="submit" ile birlikte kullan─▒l─▒r.

Yap─▒s─▒ (Syntax)<button> .. </button>

NOT
HTML5 ile birlikte baz─▒ yeni nitelikler (autofocus, form, formaction, formenctype, formmethod, formnovalidate, formtarget) eklenmi┼čtir.
Etiket T├╝r├╝ Kapanan Etiket
G├Âr├╝n├╝m Sat─▒r I├ži

Nitelikler

Nitelik De─čeri A├ž─▒klama
autofocus autofocus Sayfa y├╝klendi─činde otomatik olarak d├╝─čmeye odaklan─▒r.
disabled disabled D├╝─čmenin i┼člevini ge├žersiz k─▒lar.
form form_id Ba─čl─▒ oldu─ču formu belirtir. Button etiketi formun d─▒┼č─▒nda bile olsa, ilgili formu g├Ândermek i├žin kullan─▒labilir.
formaction URL Formun bilgilerinin nereye g├Ânderilece─čini belirler.
formenctype application/x-www-form-urlencoded
multipart/form-data
text/plain
Form bilgilerini sunucuya hangi y├Ântemle g├Ânderece─čini belirler.
formmethod GET
POST
Form bilgilerinin hangi metod ile g├Ânderilece─čini belirler.
formnovalidate formnovalidate Form etiketlerinin do─črulanmadan g├Ânderilece─čini belirler.
formtarget _blank
_self
_parent
_top
framename
Form g├Ânderildi─činde hangi ┼čekilde a├ž─▒laca─č─▒n─▒ belirler. ├ľrn. yeni sayfada a├žmak i├žin _blank kullan─▒l─▒r.
name isim Form g├Ânderildi─činde de─čerin hangi isimle g├Ânderilece─čini belirler.
type button
reset
submit
Butonun tipini belirler.

├ľrnekler

En basit haliyle kullan─▒mlar─▒;

<button type="button">Normal buton ├Ârne─či</button>
<button type="submit">Formu g├Ânderen buton ├Ârne─či</button>
<button type="reset">Formun de─čerlerini s─▒f─▒rlayan buton ├Ârne─či</button>

form niteli─či kullan─▒larak button etiketi form i├žerisinde olmasa bile o formu g├Ânderme i┼člemi yapabiliriz.

<button type="submit" form="form1">Form1'i g├Ânder</button>
<button type="submit" form="form2">Form2'yi g├Ânder</button>

<form action="" id="form1">
    <input type="text" name="deger">
</form>
<form action="" method="get" id="form2">
    <input type="text" name="deger">
</form>

tayfunerbilen
191 g├╝n ├Ânce eklendi.
Github'da D├╝zenle
├ľnemli Ba┼čl─▒klar