Bu bölümde HTML <form> öğesinin farklı nitelikleri açıklanmaktadır.
Action Niteliği
Action özelliği, 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 “yonlendirme_sayfa.php” adlı bir dosyaya gönderilmektedir. Bu dosya, form verilerini işleyen sunucu tarafı bir komut dosyası içerir:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="/yonlendirme_sayfa.php">
<label for="ad">Ad:</label><br>
<input type="text" id="ad" name="ad" value=""><br>
<label for="soyad">Soyad:</label><br>
<input type="text" id="soyad" name="soyad" value=""><br><br>
<input type="submit" value="Gönder">
</form>
</body>
</html>
Not : Action özelliği atlanırsa eylem geçerli sayfa üzerinde gerçekleşir.
Target Niteliği
Target, form gönderildikten sonra alınan yanıtın nerede görüntüleneceğini belirtir. Target aşağıdaki değerlerden birine sahip olabilir.
| Değer | Açıklama |
| _blank | Yanıt yeni bir pencere veya sekmede görüntülenir |
| _self | Yanıt geçerli pencerede görüntülenir |
| _parent | Yanıt ana çerçevede görüntülenir |
| _top | Yanıt pencerenin tam ortasında görüntülenir |
| frame adı | Yanıt oluşturulan bir iframe alanında görüntülenir |
Target boş bırakılabilir. Target boş bırakılırsa varsayılan değeri _self’dir.
Aşağıdaki örnekte gönderilen sonuç yeni bir tarayıcı sekmesinde açılacaktır:
<form action="/yonlendirme_sayfa.php" target="_blank ">Method (Yöntem) Tanımlama
Method özelliği, form verileri gönderilirken kullanılacak HTTP yöntemini belirtir.
Form-data, URL değişkenleri olarak (method=’get’ ile) veya HTTP post işlemi (method=’post’ ile) olarak gönderilebilir.
Form verilerini gönderirken varsayılan HTTP yöntemi GET’tir.
Formu göndermek için GET metodu kullanma;
<form action="/yonlendirme_sayfa.php" method="get">Formu göndermek için POST metodu kullanma;
<form action="/yonlendirme_sayfa.php" method="post">GET ve POST Arasındaki Farklar
GET Metodu ;
- Form verilerini ad/değer çiftleri halinde 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)
- Kullanıcının sonuca yer işareti koymak 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 Metodu;
- 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 miktarlarda veri göndermek için kullanılabilir.
- POST ile yapılan form gönderimleri yer imlerine eklenemez
NOT: Form verileri hassas veya kişisel bilgiler içeriyorsa her zaman POST’u kullanın!
HTML Otomatik Tamamlama Özelliği (Autocomplete)
Otomatik tamamlama özelliği, bir formun otomatik tamamlama özelliğinin açık mı yoksa kapalı mı olması gerektiğini belirtir.
Otomatik tamamlama açıkken tarayıcı, kullanıcının daha önce girdiği değerlere göre değerleri otomatik olarak tamamlar.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="/yonlendirme_sayfa.php" autocomplete="on">
<label for="ad">Ad:</label><br>
<input type="text" id="ad" name="ad" value=""><br>
<label for="soyad">Soyad:</label><br>
<input type="text" id="soyad" name="soyad" value=""><br><br>
<input type="submit" value="Gönder">
</form>
</body>
</html>Novalidate Özelliği
Novalidate özelliği bir boole özelliğidir. True veya false değeri döndürür.
Mevcut olduğunda, form verilerinin (giriş) gönderildiğinde doğrulanmaması gerektiğini belirtir.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<form action="/yonlendirme_sayfa.php" novalidate>
<label for="email">EPosta:</label>
<input type="email" id="email" name="email"><br><br>
<input type="submit">
<input type="submit" value="Gönder">
</form>
</body>
</html>Yukarıdaki örnek kodda input veri tipi email olmasına rağmen novalidate eklendiği için veri girişinin mail adresi olması zorlanmaz.
