HTML Form Button Özellikleri

Form button özellikleri

Disabled: tıklanamayan buton

disabled: <button type="button" disabled>button</button>

Button form özelliği

form: button tagında form etiketine verilen isin, form tagının id etiketine verilerek taglar arası ilişkilendirme yapılır.

<form action="index.php" method="get" id="deneme">

<input type="text" name="bir" ><br>

<input type="text" name="iki"><br>

</form>

<button type="submit" form="deneme" value="Submit">submit</button>

Button formaction özelliği:

formaction: formun tagında bulunan action etiketi ile sayfaya gönderilen verileri, button tagında bulunan  formaction etiketiyle başka sayfaya gönderir.

<form action="index.php" method="get">

<input type="text" name="bir" ><br>

<input type="text" name="iki"><br>

<button type="submit">Submit</button><br>

<button type="submit" formaction="deneme.php">formaction submit</button>

</form>

Button formenctype özelliği:

formenctype: verileri sayfaya kod yerine metin olarak  gönderir.

<form action="index.php" method="post">

<input type="text" name="bir" value="bir"><br>

<button type="submit">submit</button>

<button type="submit" formenctype="text/plain">button formenctype</button>

</form>

Button formmethod özelliği:

formmethod: form tagında bulunan method etiketinde belirtilen get veya post methodunun, formmethod etiketinde tam tersini kullanma imkanı sağlar. Bu şekilde aynı verileri ister get ister post yöntemi ile gönderebilirsiniz

<form action="index.php" method="get">

<input type="text" name="fname"><br>

<input type="text" name="lname"><br>

<button type="submit">Submit</button>

<button type="submit" formmethod="post" formaction="index.php">button formethod</button>

Button formnavalidate özlliği:

formnavalidate: kontrol edilmesi gereken verileri, kontrol etmeden gönderilmesini sağlar.

<form action="index.php" method="get">

E-mail: <input type="email" name="numara"><br>

<button type="submit">Submit</button><br>

<button type="submit" formnovalidate>formnovalidate</button>

</form>

Button formtarget özelliği:

Formtarget : alabileceği değerler.

_blank: bağlantıyı yeni sayfada açar

_self: bağlantıyı aynı pencerede açar

_parent: bağlantıyı ana frame’de açar

_top: bağlantıyı pencerenin gövdesinde açar

Framename: ismi belirtilen frame içinde açar

<button type="submit" formtarget="_blank">yeni sayfaya git</button>

Button type: alabileceği değerler.

Button: tıklanabilir düğme, Submit: formdan veri gönderir, Reset: formdan gönderilecek verileri siler.

Form button diğer özellikleri

Name: isim

Value: değer

çalışmalara ait örnek link:

button form özellikleri html