HTML Formu Nitelikleri
Bu bölüm, HTML <form>öğesinin farklı özniteliklerini açıklar.
Eylem Özelliği
Nitelik action, form gönderildiğinde gerçekleştirilecek eylemi tanımlar.
Genellikle form verileri, kullanıcı gönder düğmesine tıkladığında sunucudaki bir dosyaya gönderilir.
Aşağıdaki örnekte, form verileri "action_page.php" adlı bir dosyaya gönderilir. Bu dosya, form verilerini işleyen bir sunucu tarafı komut dosyası içerir:
Örnek
Gönderirken, form verilerini "action_page.php" dosyasına gönderin:
<form action="/action_page.php">
<label for="fname">First
name:</label><br>
<input type="text" id="fname" name="fname"
value="John"><br>
<label for="lname">Last name:</label><br>
<input type="text" id="lname" name="lname" value="Doe"><br><br>
<input type="submit" value="Submit">
</form>
İpucu:action Öznitelik atlanırsa, eylem geçerli sayfaya ayarlanır .
Hedef Özellik
Nitelik target, formu gönderdikten sonra alınan yanıtın nerede görüntüleneceğini belirtir.
Nitelik targetaşağıdaki değerlerden birine sahip olabilir:
| Value | Description |
|---|---|
| _blank | The response is displayed in a new window or tab |
| _self | The response is displayed in the current window |
| _parent | The response is displayed in the parent frame |
| _top | The response is displayed in the full body of the window |
| framename | The response is displayed in a named iframe |
Varsayılan değer, _selfyanıtın geçerli pencerede açılacağı anlamına gelir.
Örnek
Burada, gönderilen sonuç yeni bir tarayıcı sekmesinde açılır:
<form action="/action_page.php" target="_blank">
Yöntem Özelliği
Nitelik method, form verileri gönderilirken kullanılacak HTTP yöntemini belirtir.
Form verileri, URL değişkenleri ( ile method="get") veya HTTP sonrası işlem ( ile method="post") olarak gönderilebilir.
Form verilerini gönderirken varsayılan HTTP yöntemi GET'dir.
Örnek
Bu örnek, form verilerini gönderirken GET yöntemini kullanır:
<form action="/action_page.php" method="get">
Örnek
Bu örnek, form verilerini gönderirken POST yöntemini kullanır:
<form action="/action_page.php" method="post">
GET ile ilgili notlar:
- Form verilerini ad/değer çiftlerinde URL'ye ekler
- Hassas verileri göndermek için ASLA GET'i kullanmayın! (gönderilen form verileri URL'de görünür!)
- Bir URL'nin uzunluğu sınırlıdır (2048 karakter)
- Bir kullanıcının sonucu işaretlemek istediği form gönderimleri için kullanışlıdır
- GET, Google'daki sorgu dizeleri gibi güvenli olmayan veriler için iyidir
POST ile ilgili notlar:
- Form verilerini HTTP isteğinin gövdesine ekler (gönderilen form verileri URL'de gösterilmez)
- POST'un boyut sınırlaması yoktur ve büyük miktarda veri göndermek için kullanılabilir.
- POST içeren form gönderimleri işaretlenemez
İpucu: Form verileri hassas veya kişisel bilgiler içeriyorsa her zaman POST kullanın!
Otomatik Tamamlama Özelliği
Öznitelik , autocompletebir formun otomatik tamamlamanın açık mı yoksa kapalı mı olması gerektiğini belirtir.
Otomatik tamamlama açık olduğunda, tarayıcı, kullanıcının daha önce girdiği değerlere göre değerleri otomatik olarak tamamlar.
Örnek
Otomatik tamamlama özelliği olan bir form:
<form action="/action_page.php" autocomplete="on">
Novalidate Özelliği
Nitelik novalidatebir boole niteliğidir.
Mevcut olduğunda, form verilerinin (girdi) gönderildiğinde doğrulanmaması gerektiğini belirtir.
Örnek
Novalidate özelliğine sahip bir form:
<form action="/action_page.php" novalidate>
HTML Alıştırmaları
Tüm <form> Niteliklerinin Listesi
| Bağlanmak | Açıklama |
|---|---|
| kabul-karakter seti | Form gönderimi için kullanılan karakter kodlamalarını belirtir |
| eylem | Bir form gönderildiğinde form verilerinin nereye gönderileceğini belirtir |
| otomatik tamamlama | Bir formun otomatik tamamlamanın açık mı yoksa kapalı mı olması gerektiğini belirtir |
| şifre türü | Form verilerinin sunucuya gönderilirken nasıl kodlanması gerektiğini belirtir (yalnızca method="post" için) |
| yöntem | Form verilerini gönderirken kullanılacak HTTP yöntemini belirtir |
| isim | Formun adını belirtir |
| yenilemek | Gönderildiğinde formun doğrulanmaması gerektiğini belirtir |
| rel | Bağlantılı bir kaynak ile geçerli belge arasındaki ilişkiyi belirtir |
| hedef | Formu gönderdikten sonra alınan yanıtın nerede görüntüleneceğini belirtir |